15 posts tagged data-viz.
Build a poll results animation that renders to deterministic MP4: four horizontal bars race to their final percentages, then a winner ribbon sweeps in.
Generate a timeline infographic video from a JSON of milestones — a vertical spine draws downward, dots land on dates, labels slide in from alternate sides. Deterministic MP4.
Build an animated heatmap in plain HTML and CSS — a 12×7 grid where cells fade in with intensity-based color values, scrubbing left-to-right. Deterministic MP4 from JSON.
Build an animated org chart video from a JSON tree — nodes that pop in level-by-level with SVG connectors that draw themselves. Deterministic MP4 from HTML.
An animated Gantt chart video built from a JSON of tasks. Horizontal bars that grow across a date axis with a moving today cursor — deterministic MP4 out.
Build an animated funnel chart in plain HTML and CSS — stacked trapezoids, conversion percentages that count up, deterministic MP4 export. No charting library required.
A glassy weather card with sun, cloud, and rain morphs. Render to MP4 for daily forecasts, OG images, smart-display loops.
A live-looking price ticker — three series, gradient fill, bid/ask flash — in 200 lines of HTML. Render to MP4 for ads, dashboards, and 24h-recap reels.
The grid of green squares is the most copied chart on the internet. Here's how to animate it deterministically and ship the MP4 in a launch video.
A clean animated line chart in plain HTML and SVG. Path tracing, gridlines, a moving dot, and a render-to-MP4 export. No D3, no Chart.js.
Build animated pie and donut charts with pure CSS conic-gradient and stroke-dashoffset. Two techniques, full source, MP4 export.
A KPI card that animates its value, with the easing and typography choices that make a number feel like a result.
From a tiny JSON file to a 16:9 animated bar chart you can render to MP4. CSS, no charting library.
A scrubbing-line stock chart from a JSON of price points. The windowing trick, the easing, and the render.
Build broadcast-grade sports scoreboards from JSON. Live-style score bug, animated transitions, team color theming, MP4 export for socials.