# App extensions list

!> Adding an extension requires you to reload your app (on the Overview page) in order to be able to build it.

The following types of extensions are available:
- [System extensions](#System-extensions)
- [Platform utilities](#Platform-Utilities)
- [Dynamic parameters](#Dynamic-parameters)
- [Charts libraries](#Charts-Libraries)


---
## System extensions

These extensions are the core part of the Data Platform SDK to build applications. They should always be installed.

| Identifier            | Name                 | Description                                               |
| :-------------------- | :------------------- | :-------------------------------------------------------- |
| **api**               | Api                  | Make queries to the API of your front-end application |
| **chart**             | Graphique            | Load a chart    |
| **core-ui**           | Core UI              | This component includes graphic components necessary to the app creation  |
| **dashboarding**      | Dashboarding         | Build a dashboard                          |
| **dynamic-parameter** | Paramètre dynamique  | A core component to use radio buttons, datepicker, selectbox... |
| **formatter**         | Formatter            | Allows you to format data extracted from your DataPlant |
| **menu**              | Menu                 | Build navigation menus             |
| **query-builder**     | Query builder        | Make queries to the Analytics Manager via an API |
| **sdk**               | SDK                  | Development kit essential for the good operation of the other extensions |
| **store**             | Store                | Add a data store to your application. Essential to the development of modern JavaScript application |
| **toaster**           | Toaster              | Display messages as toast at the bottom of the screen |
| **translate**         | Translate            | This is the translation system for the app      |
| **xhr**               | Xhr                  | Make queries to various APIs |
| **webpack**           | Webpack builder      | An application builder used to make all extensions work together |

---
## Platform utilities

These extensions manage other Platform services but they are not 100% required to create an application.

| Identifier            | Name                 | Description                                               |
| :-------------------- | :------------------- | :-------------------------------------------------------- |
| **client-authority-manager**   | Identity Access Manager    | Plug the Platform authentication manager |

---
## Dynamic parameters

These are all the possible dynamic parameters you can use to dynamically filter values in applications.

Find more information about dynamic parameters here:
* [configure dynamic parameters](/en/technical/sdk/app/dynamic_parameters/index)
* [create custom dynamic parameters](/en/technical/sdk/app/dynamic_parameters/create)

| Identifier               | Name                 | Description                                               |
| :----------------------- | :------------------- | :-------------------------------------------------------- |
| **dynamic-parameter-datepicker** | Date range selection | Select a date range                     |
| **dynamic-parameter-selectbox**  | Select Box           | Choose value(s) in a list box |
| **dynamic-parameter-checkbox**   | Chekbox              | Choose value(s) as check boxes |
| **dynamic-parameter-radio**      | Radio                | Choose value though radio buttons  |
| **dynamic-parameter-toggle**     | Toggle               | Choose value though an On/Off toggle |

---
## Charts libraries

These extensions helps integrate chart libraries to render data visualization.

Find more information about chart libraries here:
* [configure charts](/en/technical/sdk/app/charts/index)
* [create custom charts](/en/technical/sdk/app/custom-chart)


| Identifier          | Name                 | Description                                               |
| :------------------ | :------------------- | :-------------------------------------------------------- |
| **chart-table**     | Chart table          | Display as a table |
| **chartist**        | Chartist JS          | Graphic responsive and easy-to-use library    |
| **chartjs**         | ChartJs              | JavaScript Graphic library, flexible for designers and developers  |
| **echarts**         | Echarts              | A very advanced graphical library that has all the tools you will need. |
| **google-chart**    | Google Chart         | Google graphical tools are powerful, easy to use and free  |
| **jvectormap**      | JVectorMap           | Add interactive SVG cards to your dashboards |
| **morris**          | Morris Chart         | Morris Chart                                                 |
| **recharts**        | ReCharts             | ReCharts |


---
## Need help? 🆘

###  Need help? 🆘

> At any step, you can create a ticket to raise an incident or if you need support at the [OVHcloud Help Centre](https://help.ovhcloud.com/csm/fr-home?id=csm_index). Additionally, you can ask for support by reaching out to us on the Data Platform Channel within the [Discord Server](https://discord.com/channels/850031577277792286/1163465539981672559). There is a step-by-step guide in the [support](#en/support/index.md) section.