Jan Medina

@jan-medina·2 public vizzes

Fork of Line Chart with Multiple Lines

This line chart visualizes one week of temperature data in degrees Celsius for cities worldwide, sourced from the Data Canvas "Sense Your City" project. It uses `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` with a categorical color scheme to distinguish cities. Curves are generated with `d3.line` and `d3.curveBasis`, while a custom `colorLegend` function adds an interactive legend. The SVG rendering relies on `axisBottom` and `axisLeft` for gridlines, with nested data grouped via `d3.nest`.

Nov 29, 2022

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It plots temperature in degrees Celsius over time, with a smoothed curve produced using d3.line with curveBasis. The chart uses d3.scaleTime and d3.scaleLinear for axes, rendered with d3.axisBottom and d3.axisLeft. Data is loaded via d3.csv and parsed into Date and numeric values. The SVG output includes labeled axes, gridlines, and a title, styled through external CSS.

Nov 29, 2022