Skip to main content
100%

05_D3 Stock show

✓ Published1🌍 Public
AAbdul Salam Almadani
Last edited Oct 29, 2020
Created on Sep 30, 2020

This example animates a small multi-line stock chart, showing three fictional symbols (AIC, Mada, VIZ) over time. The animation initially draws each line progressively, then transitions into a “horizon” view, where each series is stacked and colored to show its magnitude and direction. The code uses d3.csv to load the data, d3.nest to group by symbol, and d3.svg.line and d3.svg.area to define the shapes. Animated transitions are driven by d3.timer and the transition method, with SVG elements for rendering.

AI-generated description

The data is not real data. It's saved in my data in gist but it used for learning purpose.

This page from laurent Chauvirey was very helpful for this D3 show.

MIT Licensed

Similar vizzes