Skip to main content
100%

d3 mouseover multi-line chart

✓ Published0🌍 Public
Aaniston
Last edited May 8, 2018
Created on May 8, 2018

This example displays a multi-line chart tracking daily temperatures for New York, San Francisco, and Austin, with each city’s data drawn as a smooth, colored line over a time axis. It uses d3.svg.line with basis interpolation and d3.time.scale for dates, while d3.scale.category10 assigns line colors. A legend and end-of-line labels identify each series. Mouseover effects add a vertical guide line, implemented with d3 selections and SVG paths, though the code shown stops mid-interaction setup. The data originates from an embedded tab-separated string parsed via d3.tsv.parse.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/larsenmtl/'>larsenmtl</a>'s block: <a href='http://bl.ocks.org/larsenmtl/e3b8b7c2ca4787f77d78f58d41c3da91'>d3 mouseover multi-line chart</a>

mit Licensed

Similar vizzes