Skip to main content
SimilarExport ZIP
100%

Line chart with multiple lines

✓ Published0🌍 Public
RResl411
Last edited Nov 21, 2019
Created on Nov 21, 2019

A multi-line chart displays the number of reviews per day for different states, using D3.js v5 and SVG rendering. A brushless color legend lets users click to highlight or dim specific state lines. The chart uses `d3.nest`, `d3.line` with `curveBasis`, and `scaleOrdinal` with `schemeCategory10` for colors, with data loaded via `d3.csv`. The dataset covers a year of daily review counts across states.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart with multiple lines

This line chart displays the number of reviews per state across the days of a year, with multiple colored lines representing individual states. The visualization includes an interactive color legend that highlights a selected state while dimming others. Built with D3 v5 and rendered as SVG, the code uses `d3.csv` for data loading, `d3.nest` for grouping by state, and `d3.line` with `curveBasis` for smooth lines. Axis labels and a title are added, while the legend is implemented through a custom `colorLegend` function. The underlying data comes from the provided external CSV dataset.

RResl411
96% match
Loading thumbnail…

Line chart with multiple lines

A line chart displays the number of reviews per day for multiple US states, with each state represented by a colored line. A legend allows clicking to highlight or fade individual states. Built with D3 v5, the visualization uses `d3.nest`, `d3.line`, `d3.curveBasis`, `scaleLinear`, and `scaleOrdinal` with `schemeCategory10`. Data is loaded via `d3.csv` from a VizHub dataset. SVG rendering includes axes, gridlines, and a title.

RResl411
95% match
Loading thumbnail…

Line chart with multiple lines

This line chart displays the number of reviews per day for different states, with each state’s data represented by a colored line and a legend that allows filtering by clicking. The visualization uses d3’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to render smooth paths, alongside a custom `colorLegend` for interactive selection. Data is loaded from a CSV file via d3’s `csv` method, and the chart updates by re-rendering the nested groups when a legend item is clicked.

RResl411
94% match
Loading thumbnail…

Line chart with multiple lines

This line chart visualizes the number of reviews per day over the course of a year, with a single green line tracing the trend across a time axis. The chart uses D3 v5 to load CSV data from a VizHub dataset, scales the day and review values with `scaleLinear`, and renders the line using `line` with a `curveBasis` interpolation. Axes are drawn with `axisBottom` and `axisLeft`, including grid lines, while the SVG output is styled with custom CSS for tick labels and the line path.

RResl411
85% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays the count of a phenomenon across U.S. states, grouped by region (South, West, Midwest, Northeast) over five years (2011–2015), with each region represented by a distinct colored line. The visualization uses D3 v5’s `nest()` and `rollup()` to aggregate state-level data from a CSV file, then renders paths with `d3.line()`. It employs `scaleTime`, `scaleLinear`, and `scaleOrdinal` with `schemeCategory10` for axes and color encoding, plus a custom `colorLegend` component for region labels. SVG rendering includes axis labels and a title, with data sourced from the Data Canvas - Sense Your City project.

Sshehryar-hashir
81% match
Loading thumbnail…

Line chart

A multi-line chart displays tourist visitor counts for five US states—California, Texas, Florida, New York, and Illinois—from 2011 to 2021. Data is loaded via `d3.text` from a gist and parsed into per-state value arrays. The visualization uses D3 v7 to construct SVG paths with `d3.line`, linear scales, axis generators, and a drawn legend, with each state colored using `d3.scaleOrdinal` and `d3.schemeCategory10`.

Ssridhardubala106@gmail.com
79% match
Loading thumbnail…

Reviews per day of a year in a line chart

This visualization displays the number of reviews posted each day across a year using a green line chart. The x-axis represents time, while the y-axis indicates the review count. Built with D3 v5, the code employs `select`, `csv`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `curveBasis`, `extent`, and `format` APIs to load the CSV data, scale the axes, and generate smooth SVG paths. Grid lines and axis labels are styled through CSS, with data accessed from a remote VizHub dataset.

RResl411
78% match
Loading thumbnail…

Line chart with multiple lines

This visualization shows profit trends across product sub-categories over time, with multiple colored lines representing different states and a legend that filters lines by click. The chart uses d3.csv for data loading, d3.nest to group data by state, d3.scaleLinear for both axes, and d3.line with curveBasis for smooth line paths. A colorLegend component (built with D3 selections) enables interactive highlighting by dimming non-selected states. The SVG rendering includes axes with d3.axisLeft and d3.axisBottom, while the data comes from a CSV file with order details.

Pprincit
78% match