torque.js internals: how to render 3M animated points on a map
summary
Torque.js renders time-aware tiles by quantizing points to Web Mercator pixels and aggregating counts per pixel + time slice, sending a compact JSON-like tile with xy, dates array and values array. Server-side tile generation runs as a single PostGIS SQL query. Client parses tiles into typed arrays, compiles CartoCSS to JS functions, caches marker sprites and draws frames to a full-screen Canvas2D, compositing several previous frames as layered opacities to fake trails. Demonstrations show 1M animated ships and handling up to ~12M tweets, with tile-generation the scaling bottleneck.
AI-written summary · about
chapters (12)
- 0:00Start
- 0:14Confreaks
- 2:05a set of tiles per month
- 3:32pattern
- 5:20torque.js is a library that allows to render points on top of google maps or leaflet...
- 7:22tech
- 8:16quantification {js.geo} and aggreation coordinates and time
- 12:39processing
- 14:38styling - cartocss2js
- 15:11javascript shaders
- 16:42data, style and rendering
- 19:04sprites
related talks
21mPoint-in-polygon lookups with vector tiles: quick, effective, and no server needed!
16mRaster tiles to vector tiles: how to cross the gulf
40mVisualizing Large Datasets with JavaScript Using Deck.gl
02h 02mInteractive 3D Web Mapping
15mMaking maps work on mobile
36mCanvas Pixel Transformation: Beauty comes slowly
16mIntroduction to Geodata – Vector Tiles
45mA Pinch of SVG, a Note of 3D* and Maps