Skip to main content
100%

multiline chart

✓ Published0🌍 Public
Aallyraza
Last edited Jul 8, 2018
Created on Jul 8, 2018

This example shows a small multiline chart comparing two data series over time: actual values and target values, with the target line appearing as a dashed path and the actual line as a solid path. The chart uses D3 v4’s `d3.line()` with `d3.curveCatmullRom` to smooth both lines, and `d3.scaleTime()` and `d3.scaleLinear()` to map dates and numeric values to SVG coordinates. Data is loaded from a local CSV file via `d3.csv`, and a circle is appended at the end of the target line to mark its final point. The visualization is rendered as an SVG with a simple margin-based layout.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes