Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Making a Multiline Chart

Public visualization

Making a Multiline Chart

1 star2๐ŸŒ Public
HHirsh Gupta
Last edited Jun 19, 2025
Created on Mar 4, 2021

Eight weeks of simulated playoff power rankings are shown as eight colored, semi-transparent lines, one per team, across the x-axis (week) and y-axis (power rank). Hovering over a line thickens it and increases its opacity. Built with D3 v5, it uses `d3.line()`, `d3.nest()`, `d3.scaleOrdinal()`, and a custom legend from `d3.axisLeft()` calls, reading the `data.csv` file. Lines are drawn as SVG paths, and hover effects use D3's `.transition()` for animation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed