Visualization

This section explains how to visualize your data with deck.gl

In the previous key concepts sections you've seen how CARTO connects to an external data warehouse; APIs are the only elements in the CARTO platform to access your data.

In order to visualize a geospatial dataset we need a client-side library to render the data inside your data warehouse. This library performs requests against the Maps API to fetch the data and visualize it in the browser using WebGL.

CARTO uses the open-source library deck.gl to visualize your data. In order to manage the integration between the CARTO platform and deck.gl, a submodule @deck.gl/carto is made available. You can learn how to visualize your data within the Quickstart section.

Using deck.gl with Javascript Frameworks

The @deck.gl/carto module can be used from any JavaScript application.

You're free to choose your favorite Javascript framework (such as Angular, Vue, React, etc.), you only need to install/use @deck.gl/carto as a dependency and start using it.

Base Maps

deck.gl allows you to visualize the data in your warehouse, but it doesn't give to you a map with contextual information (like streets, roads, restaurants, cities, rivers, etc.).

CARTO is basemap-agnostic and lets its customers decide which client technology to use. The following options are available:

Most of our examples use the CARTO basemap, so just check the Quickstart section to get started. If you want to learn more about basemaps, click here.

Typescript support

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

Last updated