# Examples

## Basic examples

<table data-card-size="large" data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Hello World</strong></td><td>Learn how to quickly use CARTO and deck.gl to display a table from your data warehouse on top of a CARTO basemap</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-aa7f9b0882a64cbece27449837ca8025a3ba4fc2%2FHello%20World%20(3).png?alt=media">Hello World (3).png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/hello-world">https://github.com/CartoDB/deck.gl-examples/tree/master/hello-world</a></td></tr><tr><td><strong>Live</strong> <strong>SQL Query</strong></td><td>Run live SQL queries in your data warehouse to dynamically display and aggregate data in your CARTO + deck.gl application</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-9268ca22219456a4a593c69e4411d0444da8bb8e%2FSQL%20Query%20(4).png?alt=media">SQL Query (4).png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/query-accidents">https://github.com/CartoDB/deck.gl-examples/tree/master/query-accidents</a></td></tr></tbody></table>

## Basemaps

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Google Maps Basemap</strong></td><td>This example contains a basemap selector, allowing you to switch between different CARTO and Google Maps basemap styles</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-0b8f1d83c284407e3af6661e180aa0c3458e93ac%2FGoogle%20Maps.png?alt=media">Google Maps.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/google-basemap">https://github.com/CartoDB/deck.gl-examples/tree/master/google-basemap</a></td></tr><tr><td><strong>Amazon Location</strong></td><td>A similar example that showcases how to integrate basemaps coming from Amazon Location.</td><td></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/amazon-locations">https://github.com/CartoDB/deck.gl-examples/tree/master/amazon-locations</a></td></tr></tbody></table>

## Styling

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Labels</strong></td><td>Explain your data points with custom labels that automatically avoid clashing</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-d4e1aba4480fd4787bf3ebc669270a65ca951937%2FLabels.png?alt=media">Labels.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/labels">https://github.com/CartoDB/deck.gl-examples/tree/master/labels</a></td></tr><tr><td><strong>Auto Labels for Polygons and Lines</strong></td><td>The VectorTileLayer can automatically position labels in polygons and lines</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-a82aaff0d9587b06f1ad777b020b82ee2a41cdb1%2FAutolabels.png?alt=media">Autolabels.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/autolabels">https://github.com/CartoDB/deck.gl-examples/tree/master/autolabels</a></td></tr><tr><td><strong>Custom Markers</strong></td><td>Learn how to add custom icons to replace the default point marker</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-bdf6f98c542be271ec66ab99cba05715acc6d211%2FCustom%20Markers.png?alt=media">Custom Markers.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/custom-markers">https://github.com/CartoDB/deck.gl-examples/tree/master/custom-markers</a></td></tr><tr><td><strong>Using the CARTO colors</strong></td><td>We provide a set of high-contrast palettes ready to use for beautiful visualizations</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-425da1500944a34db1e22475a995e19d7b4d1a91%2FUsing%20the%20CARTO%20Colors.png?alt=media">Using the CARTO Colors.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/carto-colors">https://github.com/CartoDB/deck.gl-examples/tree/master/carto-colors</a></td></tr></tbody></table>

## Large-scale visualizations

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Dynamic Tiling</strong></td><td>Visualizing 1.4M points of interests in a performant way, directly from your data warehouse, by leveraging our dynamic tiling strategies</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-4f086365a4fb4e190cca5b5e7c443fc4e919884a%2FDynamic%20Tiling.png?alt=media">Dynamic Tiling.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/dynamic-tiling-pois">https://github.com/CartoDB/deck.gl-examples/tree/master/dynamic-tiling-pois</a></td></tr><tr><td><strong>Pre-generated Tileset</strong></td><td>This example contains 400M of polygons representing buildings, breaking all previous barriers of scalability and performance</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-0dfc01f43aa84fe0ba260a567423046217cc0f13%2FPre-generated%20Tileset.png?alt=media">Pre-generated Tileset.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/tileset-buildings">https://github.com/CartoDB/deck.gl-examples/tree/master/tileset-buildings</a></td></tr></tbody></table>

## Spatial Indexes

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>H3</strong></td><td>Use spatial indexes such as an hexagonal H3 grid to achieve incredible performance at any zoom level with custom aggregations</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-99edffde9665957587e157be303a18d5591a02d9%2FH3.png?alt=media">H3.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/spatial-features-h3">https://github.com/CartoDB/deck.gl-examples/tree/master/spatial-features-h3</a></td></tr><tr><td><strong>Quadbin</strong></td><td>This example uses Quadbin, another type of spatial index based on a square grid, to dynamically aggregate millions of rows</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-fcd2adc28ea71d17194dbdd37abf5aee9fa45aff%2FQuadbin.png?alt=media">Quadbin.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/spatial-features-quadbin">https://github.com/CartoDB/deck.gl-examples/tree/master/spatial-features-quadbin</a></td></tr></tbody></table>

## Aggregation layers

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Heatmaps</strong></td><td>With CARTO + deck.gl we can easily create heatmaps out of point-based datasets directly from our cloud data warehouse</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-dc150513c45288466291ef0500dd710e1bc34a3a%2FHeatmap.png?alt=media">Heatmap.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/dynamic-tiling-heatmap">https://github.com/CartoDB/deck.gl-examples/tree/master/dynamic-tiling-heatmap</a></td></tr></tbody></table>

## Advanced deck.gl layers and views

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Trips</strong></td><td>Learn how to use CARTO data in other deck.gl layers such as the TripsLayer to enrich your visualizations</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-670ddd21a685a5a92343d15c1a5ad571699130ee%2FTrips.png?alt=media">Trips.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/trips">https://github.com/CartoDB/deck.gl-examples/tree/master/trips</a></td></tr><tr><td><strong>Globe View</strong></td><td>With deck.gl and CARTO you can build 3D visualizations across the globe, just like this animated example using flight data</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-2d4724d44c57c95121519b1c69b38c563de7833b%2FGlobe%20view%20(1).png?alt=media">Globe view (1).png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/globe-view">https://github.com/CartoDB/deck.gl-examples/tree/master/globe-view</a></td></tr></tbody></table>

## Boundaries

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Boundaries</strong></td><td>Learn how to aggregate your data into a set of known geometries (such as postal codes) to optimize performance</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-90f007c93dbca1aeae7c3dbd9c8699a98a7f501e%2FBoundaries%20(1).png?alt=media">Boundaries (1).png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/boundaries">https://github.com/CartoDB/deck.gl-examples/tree/master/boundaries</a></td></tr></tbody></table>

## Raster

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Raster</strong></td><td>With CARTO and deck.gl you can visualize raster data coming from your own data warehouse</td><td></td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-6d75ba183d40337eff66b903bf6646c85583b27e%2FRaster%20(1).png?alt=media">Raster (1).png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/raster-temperature">https://github.com/CartoDB/deck.gl-examples/tree/master/raster-temperature</a></td></tr></tbody></table>

## Widgets

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Hello World with Widgets</strong></td><td>An evolution of our Hello World example, plus widgets (formula + histogram) and filters, both column-based and spatial</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-a413e51fedf012ed29a434b9905519d4cdba75ce%2FHello%20World%20with%20Widgets.png?alt=media">Hello World with Widgets.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/hello-world-with-widgets">https://github.com/CartoDB/deck.gl-examples/tree/master/hello-world-with-widgets</a></td></tr><tr><td><strong>Formula Widget</strong></td><td>A simple formula widget, counting POIs in the current map area, using a spatial filter, from 1.4M POIs across the USA</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-8b3182c3ffd9ba95281d26875a7417e91174f74d%2FFormula.png?alt=media">Formula.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-formula">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-formula</a></td></tr><tr><td><strong>Categories Widget</strong></td><td>A categories widget, grouping 1.4M POIs across the USA by category, with interactivity and filters</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-ae9af77aa98e64f11214a42f8f9d5ed431284c9f%2FCategories.png?alt=media">Categories.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-categories">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-categories</a></td></tr><tr><td><strong>Histogram Widget</strong></td><td>A histogram widget, showcasing the distribution of worldwide fires according to their Fire Radiance Power (FRP)</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-46aeb1ef0970c67b628b47d5b542bc97db3d5c80%2FHistogram.png?alt=media">Histogram.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-histogram">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-histogram</a></td></tr><tr><td><strong>Range Widget</strong></td><td>A range widget, serving both as a visualization and an input, filtering worldwide fires by their Fire Radiance Power (FRP)</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-2c26a75c00b9f2fb77a830c9f74c4f5f784b7891%2FRange.png?alt=media">Range.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-range">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-range</a></td></tr><tr><td><strong>Scatterplot Widget</strong></td><td>A scatterplot widget, showcasing the correlation between location and rating for Airbnbs in LA.</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-4cb00f140fe35e9df2f2771944c9b93205543699%2FScatterplot.png?alt=media">Scatterplot.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-scatterplot">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-scatterplot</a></td></tr><tr><td><strong>Time Series Widget</strong></td><td>A time series widget for blue whale data across the East Pacific, including a client-side powered filter</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-3e6f9becf3f472c78a5ccf97ed4c79cb88e07b08%2FTime%20Series.png?alt=media">Time Series.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-time-series">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-time-series</a></td></tr><tr><td><strong>Table Widget</strong></td><td>A complete table widget with pagination and sorting, plus a spatial filter, to show all 1.4M POIs across the USA</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-e360c03b2d31bf15fe65a0bce2e71012e4e899ae%2FTable.png?alt=media">Table.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-table">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-table</a></td></tr><tr><td><strong>Other Charts</strong></td><td>Using CARTO widgets to create completely custom charts, such as a radar chart and a sankey chart for 2.3M bike trips in NYC</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-2a8301e5e57a893c741ec5c55a29f2664f9e2eb3%2FOther%20charts.png?alt=media">Other charts.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-other-charts">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-other-charts</a></td></tr><tr><td><strong>Widgets using H3 sources</strong></td><td>You can also build charts and data components from spatial index-based sources such as H3</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-e4d1b625aecbc956e7d347c5efff322543b0ae99%2FWidgets%20H3.png?alt=media">Widgets H3.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-h3">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-h3</a></td></tr><tr><td><strong>Widgets using Quadbin sources</strong></td><td>You can also build charts and data components from spatial index-based sources such as Quadbin</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-669a0166d979748b1f9c39c328fd5e5af4c747d4%2FWidgets%20Quadbin.png?alt=media">Widgets Quadbin.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-quadbin">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-quadbin</a></td></tr><tr><td><strong>Widgets using Tileset sources</strong></td><td>Easily build charts with GPU-powered filtering on top of your large-scale pregenerated CARTO tilesets</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-99a1d9cccc414824cf732fee130c0beb0a6b370c%2FWidgets%20Tileset.png?alt=media">Widgets Tileset.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-tileset">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-tileset</a></td></tr><tr><td><strong>Widgets using Raster sources</strong></td><td>Easily build charts with GPU-powered filtering on top of your cloud-native Raster tables in CARTO</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-5d31974d3938d75c3af6f1874d6856ebc21ada44%2FWidgets%20Raster.png?alt=media">Widgets Raster.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-raster">https://github.com/CartoDB/deck.gl-examples/tree/master/widgets-raster</a></td></tr></tbody></table>

## Named Sources

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Named Sources</strong></td><td>Use Named Sources in CARTO to avoid exposing SQL queries in your application, without requiring additional services</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-baba53355b7d22ed286e33e668b4d70ca0e5b14e%2FNamed%20Sources.png?alt=media">Named Sources.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/named-sources">https://github.com/CartoDB/deck.gl-examples/tree/master/named-sources</a></td></tr></tbody></table>

## fetchMap

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>fetchMap</strong></td><td>Integrate layers from your Builder map in your own application code, with full access to customizing the retrieved properties.</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-625dd86b366792cdcdb4e857a367b121aa5453e9%2FfetchMap.png?alt=media">fetchMap.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/fetchmap">https://github.com/CartoDB/deck.gl-examples/tree/master/fetchmap</a></td></tr></tbody></table>

## Editable Mask Layer

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Editable Mask Layer</strong></td><td>Allow users to draw their own layer, and use it as a mask to easily filter your CARTO + deck.gl layers and widgets</td><td><a href="https://3029946802-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FybPdpmLltPkzGFvz7m8A%2Fuploads%2Fgit-blob-6a1ad727519141224096e52b1df22b52b122d772%2FEditable%20Mask%20Layer.png?alt=media">Editable Mask Layer.png</a></td><td><a href="https://github.com/CartoDB/deck.gl-examples/tree/master/editable-mask-layer">https://github.com/CartoDB/deck.gl-examples/tree/master/editable-mask-layer</a></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.carto.com/carto-for-developers/examples.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
