TP3-p3-5
✓ Published0🌍 Public
RRade-Mathis
Last edited Nov 26, 2017
Created on Nov 26, 2017
This visualization compares four area-chart layouts for multivariate stock data, showing the same series as stacked, centered, and separated regions to highlight alternative encodings of cumulative change. It loads CSV data via `d3.text` and `d3.dsvFormat`, parses dates with `d3.timeParse`, and uses `d3.nest()` to group by symbol. SVG rendering employs `d3.area()` with `d3.curveBasis` for each variant, while scales and axes come from `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom`. Animated transitions between layouts are driven by D3’s update pattern, though the code excerpts omit the final animation calls.
AI-generated descriptionBuilt with blockbuilder.org
Etapes de fabrication :
<ul> <li><a href='http://bl.ocks.org/Rade-Mathis/8bcf33a7ab32cc05916d1c99c08d93bc'>TP3-p1</a></li> <li><a href='http://bl.ocks.org/Rade-Mathis/f9f90c3d2e8dd3f38088bed19aee3509'>TP3-p3-1</a></li> <li><a href='http://bl.ocks.org/Rade-Mathis/6b28a30daa7fd473c5293d01611493f4'>TP3-p3-2</a></li> <li><a href='http://bl.ocks.org/Rade-Mathis/a255a1d04990272c190eeeaae7f5e17b'>TP3-p3-3</a></li> <li><a href='http://bl.ocks.org/Rade-Mathis/bc70895253e42c4aa73365ae281f379f'>TP3-p3-4</a></li> </ul>wtfpl Licensed