d3 mouseover multi-line chart
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 descriptionBuilt 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>