Skip to main content
100%

tp2 dataviz

✓ Published0🌍 Public
RRomainCandy
Last edited Nov 27, 2017
Created on Nov 29, 2017

This example animates a transition from multi-line charts to horizon charts for stock price data. It first draws time-series lines for each symbol, with a moving marker tracing the data over time. The view then transforms each line into a stacked horizon plot using color-coded bands to encode value ranges. The code uses D3 v3’s SVG line and area generators, `d3.nest` for grouping, and `d3.timer` with transitions to animate the shift. Data comes from a CSV of monthly prices for MSFT, AMZN, and IBM.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/855207ac5fb5c170de59b9c69ea56012'>tp2 dataviz</a>

mit Licensed

Similar vizzes