Examples
Basic examples
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FkG5YUTys4sRViAFcLJ99%252FHello%2520World%2520%283%29.png%3Falt%3Dmedia%26token%3D654bcc27-97af-42b4-9bcb-75c39bbf8aae&width=376&dpr=4&quality=100&sign=e5258a81&sv=1)
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
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FiD4ddel9tJ2MN5g3LkVF%252FSQL%2520Query%2520%284%29.png%3Falt%3Dmedia%26token%3D1cb3ccde-bcf9-447a-af97-fef8187b34ad&width=376&dpr=4&quality=100&sign=4db9a328&sv=1)
Live SQL Query
Run live SQL queries in your data warehouse to dynamically display and aggregate data in your CARTO + deck.gl application
Basemaps
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252F0CfNAieMyXwleQCyr04e%252FGoogle%2520Maps.png%3Falt%3Dmedia%26token%3D1d13d1d4-8132-4607-800d-59703c788480&width=376&dpr=4&quality=100&sign=ff7aa09&sv=1)
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.
Styling
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FdEf8q0uUNC0hMn8FsHHG%252FLabels.png%3Falt%3Dmedia%26token%3D77882b08-c0ba-4d0f-b259-b1254ca9d326&width=376&dpr=4&quality=100&sign=20296206&sv=1)
Labels
Explain your data points with custom labels that automatically avoid clashing
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252F7p5AuJerNNYZZZDhGcXO%252FCustom%2520Markers.png%3Falt%3Dmedia%26token%3Dc25f7770-08d5-4e62-8231-ab1f0778b265&width=376&dpr=4&quality=100&sign=f5f799f9&sv=1)
Custom Markers
Learn how to add custom icons to replace the default point marker
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FrUMMBHp2X5q2AJG2ffW8%252FUsing%2520the%2520CARTO%2520Colors.png%3Falt%3Dmedia%26token%3Db8fde5c3-5abb-4bc4-b235-d5c1dab14b61&width=376&dpr=4&quality=100&sign=44becca9&sv=1)
Using the CARTO colors
We provide a set of high-contrast palettes ready to use for beautiful visualizations
Large-scale visualizations
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FI7wpEec7ITzehDNErUvO%252FDynamic%2520Tiling.png%3Falt%3Dmedia%26token%3D5dc6bc62-5f55-4287-9148-690f83cb1893&width=376&dpr=4&quality=100&sign=e4bf083d&sv=1)
Dynamic Tiling
Visualizing 1.4M points of interests in a performant way, directly from your data warehouse, by leveraging our dynamic tiling strategies
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252F89Sr2DiuA9dHPLvjJJML%252FPre-generated%2520Tileset.png%3Falt%3Dmedia%26token%3D71f09663-51f0-4d58-a8a2-dcd23b107662&width=376&dpr=4&quality=100&sign=c517d7f1&sv=1)
Pre-generated Tileset
This example contains 400M of polygons representing buildings, breaking all previous barriers of scalability and performance
Spatial Indexes
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252Fe0lA3NuCPIBakSwf0jEV%252FH3.png%3Falt%3Dmedia%26token%3D4a1c0c53-ba33-4c7c-8bff-ed8ae2d098cf&width=376&dpr=4&quality=100&sign=e1f93134&sv=1)
H3
Use spatial indexes such as an hexagonal H3 grid to achieve incredible performance at any zoom level with custom aggregations
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FCH0XShfSHimtuA0hPzcb%252FQuadbin.png%3Falt%3Dmedia%26token%3D631b165d-6cad-4586-9cc8-bbf408fa94fa&width=376&dpr=4&quality=100&sign=81e7622&sv=1)
Quadbin
This example uses Quadbin, another type of spatial index based on a square grid, to dynamically aggregate millions of rows
Aggregation layers
Advanced deck.gl layers and views
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252FDVwhbMSRmbbVeDRneU3Z%252FTrips.png%3Falt%3Dmedia%26token%3D435fec6f-6b3f-4cd8-bc1f-7b427fa6898b&width=376&dpr=4&quality=100&sign=57106c0b&sv=1)
Trips
Learn how to use CARTO data in other deck.gl layers such as the TripsLayer to enrich your visualizations
![Cover](https://docs.carto.com/~gitbook/image?url=https%3A%2F%2F3029946802-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FybPdpmLltPkzGFvz7m8A%252Fuploads%252F8ZArp7hsUWhlHjWefCAf%252FGlobe%2520view%2520%281%29.png%3Falt%3Dmedia%26token%3D08cbdbaa-4e1d-494d-af6c-441b0d0d0bd7&width=376&dpr=4&quality=100&sign=a1d6e33e&sv=1)
Globe View
With deck.gl and CARTO you can build 3D visualizations across the globe, just like this animated example using flight data
Boundaries
Raster
Last updated