Skip to main content
SimilarExport ZIP
100%

A Week of Temperatures Around the World Various Lines Chart

✓ Published0🌍 Public
GGonzalo Montañés
Last edited Dec 3, 2021
Created on Nov 11, 2021

This line chart displays one week of temperature readings in Celsius across multiple cities, with each city represented as a distinct colored line. The visualization uses a nested data grouping to organize city series and sorts them by their final temperature value. Built with d3 v5, the code employs scaleTime and scaleLinear for axes, a line generator with curveBasis for smooth paths, and an ordinal color scale from schemeCategory10. The visualization renders to SVG and pulls its data from the Data Canvas - Sense Your City dataset.

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 - Multiple Lines

This line chart displays one week of temperature data from multiple cities, with a color legend identifying each city and a title reading “A Week of Temperature Around the World.” The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.line with curveBasis for smooth path generation, and d3.nest to group data by city. D3’s ordinal color scale assigns category colors to each line. The chart includes grid lines from axis ticks and uses SVG rendering, with data sourced from Data Canvas - Sense Your City.

Ggabcoderboi
92% 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
91% 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
91% 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
91% match
Loading thumbnail…

Line Chart with Multiple Lines

This visualization shows one week of temperature data in degrees Celsius for cities around the world, with each city represented by a colored line. The chart uses d3.scaleTime for the time axis, d3.scaleLinear for temperature, and d3.scaleOrdinal with schemeCategory10 for city colors. Lines are generated with d3.line and curveBasis, while d3.nest groups measurements by city. A color legend is rendered using a custom component, and the data comes from the Data Canvas - Sense Your City project.

SSagar Malviya
91% match
Loading thumbnail…

A Week of Temperatures Around the World

This visualization displays temperature readings for a week, using a line chart to show how temperatures change over time for a set of cities. The chart uses time on the x-axis and temperature on the y-axis, with each city assigned a distinct color from a sequential color scale. The visualization is built with D3 version 5, specifically using `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with a curve basis to smooth the data. A legend showing the color-to-city mapping is rendered via a custom `colorLegend` component, and the project is structured as a React application that loads data from a CSV file.

MMichael Milano
91% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius across multiple world cities, with each city represented by a distinct colored line. The visualization uses D3 v5’s scaleTime, scaleLinear, scaleOrdinal, and nest to group data by city, while a line generator with curveBasis smooths each temperature trend. A color legend, rendered via a custom colorLegend module, identifies the cities. The data comes from the Data Canvas - Sense Your City dataset, loaded as CSV, and the chart is drawn as SVG with gridlines and axis labels.

JJosé
91% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Each line represents a city district, colored using d3.scaleOrdinal with schemeCategory10. The chart includes axes with gridlines, a title, and a color legend, while the data is parsed with dayjs. The d3.line generator with curveBasis smooths each path, and the nested data is sorted by the last temperature value of each series.

Aask4jm
91% match