Skip to main content
Log in
S

siim1

@siim1·13 public vizzes

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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
Loading thumbnail…

Line Chart with Multiple Lines

A line chart displays one week of temperature data in degrees Celsius for cities worldwide, sourced from Data Canvas - Sense Your City. Multiple colored lines, one per city, are plotted over time using d3.line with curveBasis interpolation to smooth the paths. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.nest to group data by city, and d3.scaleOrdinal with schemeCategory10 for colors. A custom color legend is rendered alongside axes with tick marks and labels, all created using SVG rendering in d3 v5.

Nov 3, 2018
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings from cities worldwide, using data from Data Canvas - Sense Your City. Each city appears as a smooth, semi-transparent colored line that traces temperature changes over time. The visualization includes a color legend, axis labels, and a title. Built with D3 v5, the code uses `d3.line` with `curveBasis`, `d3.nest` for grouping by city, and `d3.scaleTime` and `d3.scaleLinear` for the axes.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018
Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays one week of temperature readings from cities worldwide, using data from Data Canvas - Sense Your City. Each city appears as a smooth, semi-transparent colored line that traces temperature changes over time. The visualization includes a color legend, axis labels, and a title. Built with D3 v5, the code uses `d3.line` with `curveBasis`, `d3.nest` for grouping by city, and `d3.scaleTime` and `d3.scaleLinear` for the axes.

Nov 3, 2018
Loading thumbnail…

Line Chart with Multiple Lines

This visualization displays temperature readings across multiple global cities over a one-week period, using a multi-line chart with smooth curves to emphasize comparative trends. Each city receives a distinct color, identified through a legend positioned to the right of the plot. The implementation relies on D3 v5's scaling, axis, and line generator APIs, with data parsed from a CSV source. The rendering uses SVG paths with semi-transparent strokes and a curve-basis interpolation. The chart sorts cities by their final temperature values, adding a subtle comparative layer to the visualization.

Nov 3, 2018
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 plots temperature over time, with each city represented by a colored line and a legend identifying the cities. It uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, d3.nest to group by city, and d3.line with curveBasis for smooth paths. The SVG rendering includes gridlines, axis labels, and a custom color legend built with d3.scaleOrdinal and schemeCategory10.

Nov 3, 2018