Fork of Making a Multiline Chart

100%

Fork of Making a Multiline Chart

✓ Published0🌍 Public

Last edited Aug 5, 2025

Created on Aug 5, 2025

This fork of a multiline chart displays the weekly power rankings of 62 New York State counties from 2012 to 2015, plotting each county’s evolving rank with distinct colored lines. Interactive mouseover highlights individual lines by increasing stroke width and opacity. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color, and `d3.line` to generate paths. Data loading relies on `d3.csv`, while the legend is built with D3’s selection and merge APIs, enabling click interactions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of React & D3 Vibecoding Starter

This interactive line chart shows the change in a value across New York counties from 2012 to 2015. Users can click on a line or legend item to highlight a specific county and dim the others. Built with React and D3 v7, the visualization loads data from a CSV and uses a monotone cubic curve, a linear y-scale, and a legend to display all counties at once.

NNita

81% match

Loading thumbnail…

Making a Multiline Chart

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.

HHirsh Gupta

80% match

Loading thumbnail…

Making a Multiline Chart 2

A multiline chart displays weekly power scores for eight teams across eight weeks, with a clickable legend highlighting team names and interactive hover effects that thicken lines. The visualization is built with D3 v5, using SVG rendering, `d3.nest()` to group data by team, `d3.line()` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. It includes axis labels, a dashed baseline, and a filterable legend with custom click handlers.

HHirsh Gupta

80% match

Loading thumbnail…

Fork of D3 STARTER

This visualization displays New York State county population data as a horizontal bar chart, with county names as labels and bar lengths scaled proportionally to population. Built with D3 v7 and the d3-selection-multi plugin, it loads CSV data via `d3.csv`, sorts values in descending order, and renders SVG rectangles and text elements using `join()` operations. The bars feature hover states that change color and a tooltip area that appears on mouseover, though the tooltip text contains placeholder variables rather than actual data values.

Llupica.matthew@gmail.com

79% match

Loading thumbnail…

Fork of Line Chart

This line chart displays the area in square kilometers for each U.S. state, using a categorical point scale for states and a linear scale for area values. The visualization loads CSV data from a GitHub gist and renders an SVG with axes, gridlines, and a red line path generated by `d3.line`. It employs `d3.scalePoint`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.csv` from D3 v5, with custom tick styling and rotated axis labels.

76% match

Loading thumbnail…

Fork of Fork of Fork of NY State Map 2 - working-Dashboard

This dashboard visualizes New York State housing market trends from 2022 to 2024, showing median home prices on a choropleth map of state counties, alongside interactive bar charts, a line chart for price trends, and summary metrics. Users select a year from a dropdown menu to update all visualizations simultaneously. The map uses d3.geoPath with a Mercator projection to render county boundaries from US Atlas TopoJSON data, while the charts utilize d3.scaleBand, d3.scaleLinear, and d3.line to display data loaded from a CSV file.

NNita

76% match

Loading thumbnail…

Fork of Fork of Fork of Fork of NY State Map 2 - working-Dashboard

This interactive dashboard visualizes New York State housing market data from 2022 to 2024, showing median home prices on a choropleth map of counties and ranking the top 15 counties by sales volume in a bar chart. A year selector updates all views simultaneously, while additional panels display key metrics and year-over-year price trends for the top five counties. The map uses d3.geoMercator with US Census TopoJSON data, and the trends chart employs d3.line. When a user hovers over a county, a tooltip shows zip code information.

NNita

75% match

Loading thumbnail…

Fork of Fork of PIE CHART

This example visualizes country-level data over time as a multi-line chart, with each line representing a country’s values across a series of years. The chart is rendered in SVG using D3 v7, fetching data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.line` to generate the paths, and `d3.axisBottom` and `d3.axisLeft` for tick marks, with rotated x-axis labels for readability. Each country’s line is colored using `d3.schemeCategory10`.

Mmukundakrishna.r@gmail.com

75% match