Skip to main content
SimilarExport ZIP
100%

Line Chart with Multiple Lines

✓ Published1🌍 Public
Eec13000ibm
Last edited Jun 10, 2019
Created on Jun 10, 2019

This line chart displays one week of temperature data (in degrees Celsius) for multiple cities worldwide, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v5 to render smooth, curving lines (via `curveBasis`) for each city, with an ordinal color scale (`schemeCategory10`) and embedded color legend. The chart leverages `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom`/`axisLeft` for labeled axes, with a title and axis labels included. Data is loaded from a provided CSV file using `csv` and parsed into nested groups by city.

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 one week of temperature readings in degrees Celsius from multiple cities around the world, using data from Data Canvas - Sense Your City. Each city appears as a separate smooth curve, colored via a categorical scale, with a legend positioned to the right. The visualization is built with D3 v5, using `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` with `curveBasis` for path generation, and `d3.nest` to group readings by city. An ordinal color scale assigns distinct hues, and a custom color legend renders circles and labels.

SSourav Sarker
98% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Each city is represented by a distinct colored line, with a legend positioned to the right. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `scaleOrdinal` to map time, temperature, and city categories, respectively. Lines are generated with `d3.line` and `curveBasis` smoothing, while axes are rendered via `axisBottom` and `axisLeft`. Data is loaded from a CSV and nested by city using `d3.nest`.

Bbattlescarredshogun
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for multiple cities worldwide, using data from the Data Canvas - Sense Your City project. Each city appears as a distinct colored line, with a color legend on the right and standard axes labeled "Time" and "Temperature." The visualization uses d3.csv for data loading, d3.nest to group readings by city, and d3.line with curveBasis to generate smooth paths. A d3.scaleTime and d3.scaleLinear map the timestamps and temperatures to x and y positions, while an ordinal color scale assigns hues from schemeCategory10.

Nnkohdatavis
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for multiple cities worldwide, using data from the Data Canvas - Sense Your City project. Each city appears as a distinct colored line, with a color legend on the right and standard axes labeled "Time" and "Temperature." The visualization uses d3.csv for data loading, d3.nest to group readings by city, and d3.line with curveBasis to generate smooth paths. A d3.scaleTime and d3.scaleLinear map the timestamps and temperatures to x and y positions, while an ordinal color scale assigns hues from schemeCategory10.

Nnkohdatavis
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for multiple cities worldwide, sourced from Data Canvas - Sense Your City. Each city is represented as a separate colored line, with a legend identifying the cities, and the chart includes labeled time and temperature axes. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, `line` with `curveBasis` for smooth paths, and `nest` to group data by city. Axes are generated with `axisBottom` and `axisLeft`, while a custom `colorLegend` function renders the color-coded legend.

Mmyskotima130
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Ssiim1
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Ssiim1
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Ssiim1
97% match