Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Stylized Line Chart

Public visualization

Fork of Fork of Stylized Line Chart

0 stars0🌍 Public
Llena
Last edited Mar 12, 2022
Created on Mar 12, 2022

This chart displays temperature readings over time from the Data Canvas Sense Your City dataset, with the x-axis mapping timestamps and the y-axis mapping temperature values. The visualization uses React to render SVG elements, with D3.js handling the core data processing, scaling, and line smoothing through `scaleTime`, `scaleLinear`, `extent`, and `curveNatural` APIs. The line path is generated using D3's `line` function, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) manage axis ticks and the data visualization. The chart includes styled axis labels and a stylized line rendered with a thick, round-capped stroke.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed