Skip to main content
SimilarExport ZIP
100%

Line Chart with Multiple Lines

✓ Published0🌍 Public
Sssdesign
Last edited Mar 31, 2020
Created on Mar 31, 2020

This line chart displays one week of temperature data for cities worldwide, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 to render SVG paths, with smooth curves generated by the `curveBasis` line generator. A color legend maps each city to a distinct category color, while the chart's nested data structure sorts cities by their final recorded temperature. The temperature values are measured in degrees Celsius across a time series.

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 for cities around the world, sourced from Data Canvas - Sense Your City. Each city appears as a smooth curve, colored by a categorical scale and sorted by its final temperature. The visualization uses D3 v5 with SVG rendering, employing `d3.line` with `curveBasis`, `d3.nest` for grouping, and `scaleTime`/`scaleLinear` for axes, plus a custom color legend component.

Mmartvdmarel
98% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data for cities worldwide, sourced from Data Canvas - Sense Your City. Each city appears as a distinct colored line, sorted by final temperature, with a legend showing city names. The visualization uses d3-scale for time and linear axes, d3-shape’s line generator with curveBasis smoothing, and d3-scaleOrdinal with schemeCategory10 for colors. Rendering employs SVG within a d3.v5 setup, including axis components and custom color legend logic.

Mmgrundell
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 data for cities worldwide, sourced from Data Canvas - Sense Your City. It uses D3.js v5 with SVG rendering to draw multiple colored lines, each representing a city's temperature over time. The code employs `d3.scaleTime` for the time axis, `d3.scaleLinear` for temperature, and `d3.line` with `curveBasis` for smooth paths. A separate color legend, created via nested selections, identifies each city. The chart includes axis labels and a title, with data loaded from a CSV file.

LLittledevil7
97% match
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature data for cities worldwide, sourced from the Data Canvas - Sense Your City dataset. Temperature is plotted over time with distinct colored lines for each city, and a color legend identifies which line corresponds to which location. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `scaleOrdinal` with `schemeCategory10`, `nest` to group data by city, and `line` with `curveBasis` for smoothed paths.

Ssayli-lab
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 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
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. 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
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 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
97% match