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

Google Maps Basemap

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

Amazon Location

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

Labels

Explain your data points with custom labels that automatically avoid clashing

Auto Labels for Polygons and Lines

The VectorTileLayer can automatically position labels in polygons and lines

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

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

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

Heatmaps

With CARTO + deck.gl we can easily create heatmaps out of point-based datasets directly from our cloud data warehouse

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

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

Raster

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

Hello World with Widgets

An evolution of our Hello World example, plus widgets (formula + histogram) and filters, both column-based and spatial

Formula Widget

A simple formula widget, counting POIs in the current map area, using a spatial filter, from 1.4M POIs across the USA

Categories Widget

A categories widget, grouping 1.4M POIs across the USA by category, with interactivity and filters

Histogram Widget

A histogram widget, showcasing the distribution of worldwide fires according to their Fire Radiance Power (FRP)

Range Widget

A range widget, serving both as a visualization and an input, filtering worldwide fires by their Fire Radiance Power (FRP)

Scatterplot Widget

A scatterplot widget, showcasing the correlation between location and rating for Airbnbs in LA.

Time Series Widget

A time series widget for blue whale data across the East Pacific, including a client-side powered filter

Table Widget

A complete table widget with pagination and sorting, plus a spatial filter, to show all 1.4M POIs across the USA

Other Charts

Using CARTO widgets to create completely custom charts, such as a radar chart and a sankey chart for 2.3M bike trips in NYC

Widgets using H3 sources

You can also build charts and data components from spatial index-based sources such as H3

Widgets using Quadbin sources

You can also build charts and data components from spatial index-based sources such as Quadbin

Widgets using Tileset sources

Easily build charts with GPU-powered filtering on top of your large-scale pregenerated CARTO tilesets

Widgets using Raster sources

Easily build charts with GPU-powered filtering on top of your cloud-native Raster tables in CARTO

Named Sources

Use Named Sources in CARTO to avoid exposing SQL queries in your application, without requiring additional services

fetchMap

Integrate layers from your Builder map in your own application code, with full access to customizing the retrieved properties.

Editable Mask Layer

Allow users to draw their own layer, and use it as a mask to easily filter your CARTO + deck.gl layers and widgets