Examples

Basic examples

Hello World

Learn how to quickly use CARTO and deck.gl to display a table from your data warehouse on top of a CARTO basemap

Live SQL Query

Run live SQL queries in your data warehouse to dynamically display and aggregate data in your CARTO + deck.gl application

Basemaps

Google Maps Basemap

This example contains a basemap selector, allowing you to switch between different CARTO and Google Maps basemap styles

Basic example

Amazon Location

A similar example that showcases how to integrate basemaps coming from Amazon Location.

Styling

Labels

Explain your data points with custom labels that automatically avoid clashing

Custom Markers

Learn how to add custom icons to replace the default point marker

Using the CARTO colors

We provide a set of high-contrast palettes ready to use for beautiful visualizations

Large-scale visualizations

Dynamic Tiling

Visualizing 1.4M points of interests in a performant way, directly from your data warehouse, by leveraging our dynamic tiling strategies

Pre-generated Tileset

This example contains 400M of polygons representing buildings, breaking all previous barriers of scalability and performance

Spatial Indexes

H3

Use spatial indexes such as an hexagonal H3 grid to achieve incredible performance at any zoom level with custom aggregations

Quadbin

This example uses Quadbin, another type of spatial index based on a square grid, to dynamically aggregate millions of rows

Advanced deck.gl layers and views

Trips

Learn how to use CARTO data in other deck.gl layers such as the TripsLayer to enrich your visualizations

Globe View

With deck.gl and CARTO you can build 3D visualizations across the globe, just like this animated example using flight data.

Boundaries

Boundaries

Learn how to aggregate your data into a set of known geometries (such as postal codes) to optimize performance

Raster

Raster

With CARTO and deck.gl you can visualize raster data coming from your own data warehouse