Skip to main content
SimilarExport ZIP
100%

Line Chart with Multiple Lines 1216

✓ Published0🌍 Public
DDavid-Wong110723
Last edited Dec 16, 2021
Created on Dec 16, 2021

This line chart displays one week of temperature data in degrees Celsius for multiple cities worldwide, sourced from Data Canvas - Sense Your City. Temperatures are plotted over time, with each city represented by a colored line and a legend using an ordinal color scale. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `scaleOrdinal`, `nest`, `line` with `curveBasis`, and custom legend and axis components, rendering as SVG with gridlines.

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 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
96% 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 the Data Canvas - Sense Your City project. Multiple lines, one per city, are sorted by their final temperature value and rendered with semi-transparent strokes for overlapping readability. The visualization uses D3 v5’s scaleTime, scaleLinear, scaleOrdinal, line generator with curveBasis, and nest for data grouping, along with custom axes, a color legend, and an SVG rendering approach.

BBenjamin Xiao
96% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for cities worldwide, using data from Data Canvas - Sense Your City. Each city is represented by a smooth, color-coded line, with multiple lines overlaid to compare temperature trends over time. Built with D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scaling, `line` with `curveBasis` for path generation, and `nest` to group data by city. Axis labels and a color legend clarify the time, temperature, and city mappings, while SVG rendering and CSS styling support the visual output.

RRamin Melikov
96% 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 appears as a distinct colored line, with a legend identifying the cities and a title summarizing the time period. The visualization uses d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, and d3.nest for grouping. Axes are rendered with d3.axisBottom and d3.axisLeft, while the custom colorLegend component displays the categorical scale.

Wwinniepooh520
96% 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 uses multiple colored lines, one per city, sorted by final temperature, with a color legend positioned to the right. It renders as an SVG using D3 v5, employing d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, d3.nest, and d3.axisBottom/axisLeft. Grid lines and axis labels clarify the time and temperature scales.

UUtsav Singh
96% 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 uses multiple colored lines, one per city, sorted by final temperature, with a color legend positioned to the right. It renders as an SVG using D3 v5, employing d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, d3.nest, and d3.axisBottom/axisLeft. Grid lines and axis labels clarify the time and temperature scales.

UUtsav Singh
96% 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 line represents a city, with time on the x-axis and temperature on the y-axis, using a basis curve for smooth paths and a color legend to identify cities. The visualization is built with D3 v5, rendering as SVG, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.line`, `d3.nest`, and `d3.schemeCategory10` for color mapping. Gridlines and axis labels provide context, while paths are styled with mix-blend-mode for overlapping lines.

Gglimpsedchaos
96% 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. Multiple colored lines represent different cities, sorted by their final temperature values, with a color legend identifying each series. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map time, temperature, and city categories, while d3.line with curveBasis generates smooth paths. Axes are rendered via d3.axisBottom and d3.axisLeft, with d3.nest grouping the data by city.

OOday4
96% match