Built with Noodles.gl
Animated maps, data-driven storytelling, and publication-quality renders — all from visual pipelines
NYC Taxi Trips
Animated arc flows across 1M+ trips with real-time brushing and filtering
World Flights
Arc layer with camera flythrough, animated by timestamp and colored by airline
EV Charging Network
Live DuckDB query drives a heatmap that updates as filters change
California Earthquakes
Magnitude-scaled scatter with animated time window and turbo color ramp
US County Unemployment
Choropleth driven by SQL, exportable as print-resolution image or video
Static maps tell facts. Animated maps tell stories.
Most mapping tools stop at the screenshot. Noodles.gl starts there — giving you a full keyframe timeline, reactive data pipelines, and cinema-quality GPU rendering to turn spatial data into narrative.
Timeline-first design
Every parameter in your visualization is animatable. Camera position, arc height, filter threshold, color ramp midpoint — set keyframes, adjust bezier curves, scrub through time. The workflow motion designers already know, applied to maps.
Reactive, not static
Wire a DuckDB query to a heatmap layer. Change the WHERE clause and the map updates in the same frame. Chain ten transforms together — the whole pipeline stays live. No re-runs, no stale caches.
40+ GPU layer types
Arcs, trips, hexagons, heatmaps, point clouds, 3D columns, contours, great circles, icon clusters — each rendered at 60fps on the GPU via Deck.gl. Handle millions of data points without dropping frames.
Export anything
MP4 video at any framerate and resolution. High-DPI PNG stills for print. Interactive embeds for the web. Or drive the visualization live from external tools via the MCP API.
See it in action
From raw data to cinematic map animation — the full workflow in under 5 minutes
What you can do with it
Keyframe everything
Camera position, layer opacity, filter thresholds, colors, radii — every parameter is animatable. Scrub with a professional timeline editor, shape curves with bezier handles, and export directly to video.
Reactive data pipelines
Wire a SQL query to a map layer; when the query changes, the map updates instantly. Chain transforms, filters, and visual encodings as a live graph — no run button, no waiting.
Cinema-quality map renders
40+ GPU-accelerated layer types: arcs, heatmaps, hexagons, trip animations, 3D columns, point clouds. Export at any resolution — 4K video, print-ready stills, or interactive web embeds.
Ship it, share it, replay it
Every project is a portable JSON file. Hand it to a colleague — they get the exact same visualization, data pipeline, and animation. No environment drift, no missing dependencies.
Visual data pipelines
Connect operators like building blocks — data flows through the graph and the map updates live.
Load your data
CSV, GeoJSON, GeoParquet, live APIs, or SQL queries via DuckDB
Compose the pipeline
Chain transforms, pick a layer type, configure visual encodings — all with drag-and-drop
Animate and export
Keyframe any value, scrub the timeline, then export to MP4, high-res PNG, or interactive embed
Your data deserves motion
Open-source, runs entirely in the browser, no install required.