Skip to main content
SimilarExport ZIP
100%

Line chart with multiple lines

✓ Published2🌍 Public
Aarieltonglet
Last edited Oct 17, 2019
Created on Oct 4, 2019

A line chart displays a week of temperature readings for multiple cities, with each city’s time series drawn as a distinct colored line and a color legend identifying each one. The chart uses D3’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, `d3.line` with `curveBasis` for path generation, and `d3.nest` to group data by city. The SVG rendering includes axes with gridlines, and data is loaded via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart with multiple lines

A line chart displays a week of temperature readings for multiple cities, with each city represented by a colored line and a legend identifying its color. The visualization uses D3.js scales and axes (d3.scaleTime, d3.scaleLinear, d3.axisLeft, d3.axisBottom) with a d3.line generator and curveBasis for smoothing. Data comes from a CSV file loaded via d3.csv, and city colors are assigned using d3.scaleOrdinal with schemeCategory10. The chart is rendered as SVG with grid lines and labeled axes.

Ssafdarawan
97% match
Loading thumbnail…

Line chart with multiple lines

A line chart displays a week of temperature readings across multiple cities, with each city represented by a distinct colored line and a corresponding color legend. The visualization uses d3.nest to group data by city, d3.line with curveBasis for smooth paths, and d3.scaleOrdinal with schemeCategory10 for color mapping. Data comes from a CSV file loaded via d3.csv, rendered as SVG with axes from d3.axisLeft and d3.axisBottom.

MMauradion
97% match
Loading thumbnail…

LineChart with Multiple Lines

A multi-line chart displays a week of temperature readings across multiple cities, with each city represented by a distinct colored line and a color legend. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `line` generator with `curveBasis`, and `nest` to group data by city, while `axisBottom` and `axisLeft` render labeled axes. Data is loaded from a CSV file, and the chart is drawn as SVG with a title and a custom color legend.

Ccornshoots
96% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays a week of temperature readings from multiple cities around the world, with each city represented by a distinct colored line plotted over time. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and `d3.nest` to group data by city. A color legend built with `d3.scaleOrdinal` and `schemeCategory10` identifies each line. The data comes from a CSV file loaded via `d3.csv` and rendered with custom axes, grid lines, and a title.

EEllednera
96% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays a week of temperature data from multiple cities, with each city represented by a colored line and a corresponding color legend. The visualization uses D3 v5’s scaleTime, scaleLinear, and line generators with a curveBasis to create smooth paths, while nest() groups data by city and sorts lines by their final temperature value. SVG rendering handles the axes, gridlines, and labels, with the data loaded from a CSV file via d3.csv.

Vvic126
95% match
Loading thumbnail…

Line Chart with Multiple Lines

This example shows a week of temperature readings for multiple cities, with each city represented as a separate colored line plotted over time. The chart includes a color legend, labeled axes, and a title, with lines sorted by their final temperature values. It uses D3 v5’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, `line` with `curveBasis` for path generation, and `nest` to group data by city. Temperature data is loaded from a CSV file and rendered as an SVG with axis and legend components.

Ssameer1986
95% match
Loading thumbnail…

Line Chart with Multiple Lines

This example displays temperature readings from multiple cities over a week, with each city represented by a colored line and a corresponding legend. The chart uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map time, temperature, and city names, while d3.line with curveBasis smooths the paths. Data is loaded via d3.csv from an external dataset, and the SVG is rendered with axes, grid lines, and labels styled through CSS.

NNkwachi Abel
95% match
Loading thumbnail…

Line chart with multiple lines

A line chart displays one week of temperature data for multiple cities, with each city represented by a colored line. The visualization uses D3 v5's `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map time and temperature, while `nest()` groups the data by city and `line()` with `curveBasis` smooths each series. Color-coded lines are sorted by their final temperature values, and a custom `colorLegend` function renders a categorical legend. The data originates from Data Canvas - Sense Your City, showing temperatures in Celsius.

Jjlspangl
95% match