Widgets

If you've been following the previous concepts, now you'll have a working connection between CARTO and your Data Warehouse, and you're able to use your authentication strategy to visualize maps and make API calls, so you should be able to build simple apps that visualize data in a map... But there's more!

With CARTO it's easy to add scalable widgets and charts to your geospatial application, using live data from your cloud data warehouse. This is what we call CARTO Widgets.

In a nutshell, what CARTO provides is a very easy interface to access data models that stay always in sync with your map layers.

You can then use those data models in your own fully-customizable charts and HTML elements.

With CARTO widgets it is also very easy to build interactivity, as events from the HTML elements can be then transformed into column-based filters or spatialFilters that filter back all the original sources and map layers.

Compatibility with charting and UI libraries

If you want to show a CARTO widget in your application, you'll need to build your own HTML representation, or use a existing library for the UI. Since CARTO Widgets work with plain JS, most charting and UI libraries are fully compatible.

If you don't have a clear pick for your charts, we recommend ApacheECharts.

Learn more about widgets

We have prepared a full section for charts and widgets where you'll find all details, as well as links to examples and technical references.

Charts and widgets

Typescript support

We recommend using Typescript when building your apps. You can find more info about this here.