EXAMPLES
Explore examples
Search by example name, package, or technique.
Showing 43 of 43 examples Compare H3, A5, Geohash, Quadkey, and S2 cells while testing antimeridian handling. Share one tiled data source across multiple styled map views and a synchronized minimap. Explore a three-dimensional wind forecast with GPU particles, arrows, terrain, and map labels. Render a compact graph of connected nodes and edges with interactive styling. Compare multiple graph layouts and datasets in a coordinated visualization. Arrange graph nodes around a radial layout to reveal connectivity and hierarchy. Explore a hive plot that groups graph connections along radial axes. Visualize directed acyclic graph structure with layered nodes and dependency edges. Place interactive markers on graph nodes and inspect their relationships. Combine outlined paths, point markers, and dependency arrows in one layered map. Interactive FlameTrailLayer example. Tour a seasonal farm scene populated with varied three-dimensional trees. View a skybox backdrop in a conventional interactive map view. Wrap a skybox around a globe view for an immersive planetary scene. Navigate a skybox scene from a first-person camera perspective. This community-site example uses the shared settings panel and device tabs. It loads Start editing GeoJSON features with the community editable-layer tools. Edit map features with a widget-based toolbar and interactive selection. Build the editable-layer workflow with React components and state. Select and edit features from a three-dimensional tileset scene. Combine editable layers, modes, and custom controls in an advanced workflow. Draw and edit polygon features over a San Francisco map. Use editable-layer interactions without a geographic basemap. Edit clustered H3 cells and inspect selections across a hexagonal spatial index. Interactive Canvas Chrome example. Explore independent scenes in multiple panels sharing one Deck, with or without a root canvas. Attach HTML callouts and controls to positions in a live deck.gl view. Compose lightweight overlays that sit above the deck.gl canvas. Control a non-geographic view with reusable pan and zoom widgets. Mount panel and control widgets independently of a Deck instance. Combine markdown, tabs, probes, and collapsible panels around a deck view. A declarative Vega document projects GeoJSON regions with a lake and separate islands, a route, a geographic graticule, and geographic symbols. Switch projections and rotate the map, then filter or resize the symbols to see GPU transitions. 24,669 places from SandDance’s historical demovote sample move between their geographic locations regional bars stacked by education percentage, and 3D geographic stacks. Inspired by Microsoft Research SandDance. Circle and square symbols preserve area-based Vega sizes. Filter the records to shrink cuboids Switch layouts to animate the same 180 records between grid, scatter, and grouped stacks. Enable 3D to orbit the cuboids.@deck.gl-community/playground
1@deck.gl-community/geo-layers
3
@deck.gl-community/geo-layersGlobalGridLayer
@deck.gl-community/geo-layersSharedTile2DLayer
@deck.gl-community/geo-layersWind Map
@deck.gl-community/graph-layers
6
@deck.gl-community/graph-layersSimple Graphs
@deck.gl-community/graph-layersMulti Graphs
@deck.gl-community/graph-layersRadial Layouts
@deck.gl-community/graph-layersHive Plots
@deck.gl-community/graph-layersDAGs (Directed Acyclic Graphs)
@deck.gl-community/graph-layersMarkerLayer
@deck.gl-community/layers
7
@deck.gl-community/layersPath outline, marker, and dependency arrow
@deck.gl-community/layersFlameTrailLayer
@deck.gl-community/layersSeasonal Farm
@deck.gl-community/layersSkyboxLayer MapView
@deck.gl-community/layersSkyboxLayer GlobeView
@deck.gl-community/layersSkyboxLayer FirstPersonView
@deck.gl-community/layersVolumetricVideoLayer
@deck.gl-community/infovis-layers
1@deck.gl-community/timeline-layers
2@deck.gl-community/editable-layers
8
@deck.gl-community/editable-layersGetting Started
@deck.gl-community/editable-layersEditor
@deck.gl-community/editable-layersEditor (React)
3D Tiles
@deck.gl-community/editable-layersAdvanced
@deck.gl-community/editable-layersSF Polygons
@deck.gl-community/editable-layersNo Map
@deck.gl-community/editable-layersEditable H3 Cluster Layer
@deck.gl-community/widgets
7
@deck.gl-community/widgetsCanvas Chrome
@deck.gl-community/widgetsDeckPanel
@deck.gl-community/widgetsHTML Overlays
@deck.gl-community/widgetsOverlays
@deck.gl-community/widgetsPan and Zoom Controls
@deck.gl-community/widgetsStandalone Widgets
@deck.gl-community/widgetsWidget Panels
Vega (private)
4
Vega (private)Vega geospatial projections
Vega (private)Vega US map to stacked bars
Vega (private)Vega symbols and record transitions
Vega (private)Vega unit layouts
@deck.gl-community/leaflet
2@deck.gl-community/react-fiber
2
