Visualizing Large Datasets with JavaScript Using Deck.gl
summary
Demo shows deck.gl (WebGL) rendering real datasets: draws 45K–320K points interactively and demos a 140K accident dataset aggregated and filtered in the browser in real time. It uses luma.gl for GPU math and Mapbox GL for tiles, integrates into Mapbox GL's WebGL context so 3D buildings and arcs occlude correctly. Examples include Kepler.gl and StreetscapeGL (autonomy debug), React/Angular wrappers, GLTF/point‑cloud renders, and practical limits — smooth interactivity up to hundreds of thousands of points, approaching 1M needs server‑side rendering.
AI-written summary · about
chapters (15)
- 0:00Introduction and speaker
- 1:50History of data vis
- 5:03Data saving lives
- 6:49Modern challenges and JS
- 9:00Tools: D3.js and Deck.gl
- 11:58Deck.gl features
- 14:33Real-world data mapping
- 16:483D data applications
- 17:53Deck.gl architecture
- 20:57Integration with maps
- 23:31Implementation demo
- 27:02Kepler.gl and use cases
- 30:20Alternative visualizations
- 32:33Further learning resources
- 33:25Q&A and conclusion
related talks
37mVisualizing Large Datasets with JavaScript Using deck.gl
49mSaving the world with JavaScript: A Data Visualization story
39mVis.gl, the powerful framework suite for geospatial visualization
37mPainting with Data
13mState of the a-R-t - Advances in mapping in R
13mWebGL Demo with THREE.js
29m"Getting Started with WebGL"
46mDev Stories: Show & Tell