Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Fork of Stylized Line Chart

0 stars0🌍 Public
Ssimontoblad
Last edited Jan 30, 2022
Created on Jan 30, 2022

This example visualizes temperature readings over a week from the Data Canvas Sense Your City dataset, plotting time on the x-axis and temperature on the y-axis. The chart uses a smooth natural curve to connect data points, with styled axes and labels rendered in React and SVG. D3’s `scaleTime`, `scaleLinear`, `extent`, and `line` with `curveNatural` handle the data scaling and path generation, while custom React components build the axes and marks. The dataset is loaded as CSV and parsed with `d3.csv`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed