Skip to main content
SimilarExport ZIP
100%

Fork of Line Chart with Multiple Lines

✓ Published0🌍 Public
Jjudeluka
Last edited Jun 29, 2021
Created on Jun 29, 2021

This line chart displays a week of temperature data in degrees Celsius for cities around the world, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5’s `line`, `curveBasis`, and `nest` functions to draw smooth, multi-line paths, with a categorical color scale and custom color legend. SVG rendering includes grid lines via `axisLeft` and `axisBottom`, and the chart is sorted by each city’s last temperature value.

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…

Fork of Line Chart with Multiple Lines

This line chart visualizes a week of temperature data from cities worldwide, sourced from Data Canvas - Sense Your City. The chart uses D3 v5 to render multiple smoothed lines, one per city, with a color-coded legend. It employs `scaleTime` and `scaleLinear` for axes, `nest` to group data by city, and `curveBasis` for line smoothing. The SVG rendering includes a title, axis labels, and a custom color legend, with city lines sorted by their final temperature values.

JJspring42
96% match
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This visualization displays one week of temperature readings in degrees Celsius for multiple cities, sourced from the Data Canvas - Sense Your City dataset. It plots each city’s temperature over time as a smooth line using d3.line with curveBasis, while nesting data by city via d3.nest and ordering lines by their final value using d3.descending. The SVG render includes d3.axisBottom and d3.axisLeft, a d3.scaleOrdinal color scale based on schemeCategory10, and a custom color legend module.

IIlayaraja R
96% match
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This line chart displays one week of temperature readings in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. It renders multiple smoothed lines using d3.line with curveBasis, colored by city via d3.scaleOrdinal and schemeCategory10. The visualization includes time and temperature axes with gridlines, a color legend, and a title. Data is parsed from CSV using d3.csv, with nested grouping via d3.nest.

RRochisman Datta
96% match
Loading thumbnail…

Fork of Fork of Line Chart with Multiple Lines

This line chart shows a week of temperature data in degrees Celsius for multiple cities around the world, using data from Data Canvas - Sense Your City. Each city is represented by a separate smoothed line, with a color legend positioned on the right. The visualization uses d3.scaleTime and d3.scaleLinear for the axes, d3.line with curveBasis for path generation, and d3.nest to group data by city. The SVG rendering includes axis labels, a title, and a custom colorLegend component.

Jjwadh
96% match
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This line chart shows one week of temperature data for cities around the world, sourced from Data Canvas - Sense Your City. Each city is represented by a smooth curved line, colored via an ordinal scale, with a legend positioned on the right. Built with D3 v5 in SVG, it uses `scaleTime`, `scaleLinear`, `line` with `curveBasis`, `nest` to group data by city, and `axisBottom`/`axisLeft` for axes. The chart sorts cities by their final temperature value, with axis gridlines and a title.

JJosh2903
96% match
Loading thumbnail…

Fork of 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 colored line, with a legend showing city names and a title above the chart. The visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal to map time, temperature, and city colors, while d3.line with curveBasis generates smooth paths. Nesting via d3.nest groups data by city, and the code includes custom axis labels and a reusable color legend component, all rendered as SVG.

Cchandanagandla
96% match
Loading thumbnail…

Fork of Line Chart with Multiple Lines

This fork of a line chart shows one week of temperature readings in Celsius for cities worldwide, using data from Data Canvas - Sense Your City. Each city appears as a smoothed, semi-transparent line with a corresponding color legend. The visualization employs d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, d3.nest, and d3.axisBottom/axisLeft to render SVG paths and axes, with a custom colorLegend module.

AAdriana Rodriguez Sanabria
96% match
Loading thumbnail…

Fork of 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. It uses d3.nest to group readings by city, then draws smoothed multi-line paths with d3.line and curveBasis, colored via a d3.scaleOrdinal with schemeCategory10. The visualization includes axes with gridlines, a color legend built from a custom colorLegend function, and axis labels. Rendering is SVG-based, with d3.axisBottom and d3.axisLeft for ticks, and d3.scaleTime and d3.scaleLinear for spatial mapping.

SShweta-tech
96% match