Skip to main content
SimilarExport ZIP
100%

Line Chart with Multiple Lines

✓ Published1🌍 Public
Ffbudwill
Last edited Jun 22, 2020
Created on Jun 22, 2020

This line chart displays one week of temperature data in degrees Celsius from multiple cities, sourced from Data Canvas - Sense Your City. A colored line represents each city, with a color legend on the right identifying them. The chart uses D3's `scaleTime` and `scaleLinear` for axes, `line` with `curveBasis` for smooth paths, and `nest` to group data by city. Axes feature gridlines and labels, rendered as SVG, with a title and legend included.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. 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 across multiple cities, using data from Data Canvas – Sense Your City. Each city appears as a separate colored line, with a color legend on the right. The visualization is built with D3 v5, using scales like `scaleTime` and `scaleLinear`, axes via `axisBottom` and `axisLeft`, and a line generator with `curveBasis` for smoothing. The data is loaded from a CSV file and rendered as SVG.

Ggotyou007
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 visualizes one week of temperature readings in degrees Celsius for multiple cities, with each city represented by a colored line. The data comes from the Data Canvas - Sense Your City project. Using d3.line with curveBasis, the chart smooths the temperature trends over time, while d3.scaleTime and d3.scaleLinear map timestamps and temperatures to the SVG canvas. A color legend built with a custom d3 module and d3.scaleOrdinal helps identify each city, and axis labels clarify the time and temperature scales.

AAleksandr
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius for multiple cities, sourced from Data Canvas - Sense Your City, with each city represented by a colored line over time. The chart uses D3 v5 APIs including `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal` with `schemeCategory10`, `d3.line` with `curveBasis`, `d3.nest`, and `d3.axisLeft`/`d3.axisBottom` to render axes with gridlines. The SVG rendering includes a title, axis labels, and semi-transparent overlapping lines via `mix-blend-mode: multiply`.

Hhberrong
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, with each city represented by a colored line and a categorical legend. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.line with curveBasis for smooth paths, and d3.nest to group data by city. Data comes from Data Canvas - Sense Your City, rendered as SVG with a color legend built from d3.scaleOrdinal and schemeCategory10. The chart includes gridlines from axis ticks and a title.

KKarkG
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays a week of temperature readings in degrees Celsius for multiple cities around the world, sourced from the Data Canvas - Sense Your City dataset. Each city is represented by a smooth, colored line, with a color legend identifying the cities and their final temperature values. The visualization uses D3 v5, employing `scaleTime` and `scaleLinear` for the axes, `nest` to group data by city, and `line` with `curveBasis` to generate the paths. The SVG output includes grid lines and labeled axes for time and temperature.

Eec13000ibm
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data in degrees Celsius from cities around the world, sourced from Data Canvas - Sense Your City. Each city appears as a separate smoothed line, color-coded using a categorical scale, with time on the x-axis and temperature on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and `d3.nest` to group data by city. A custom color legend and gridlines with axis labels complete the chart.

Eec13000ibm
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 Data Canvas - Sense Your City. Each city is represented by a smooth, colored line, with a color legend identifying each city. The visualization employs d3’s `scaleTime`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render SVG paths, along with `nest` to group data by city and `colorLegend` for the custom legend.

BBrucexiong414
97% match