Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Stylized Line Chart

0 stars0🌍 Public
Aaurelio-david
Last edited Jun 28, 2020
Created on Jun 28, 2020

This visualization displays temperature variations over time for San Francisco, drawing from a week's worth of data from the Sense Your City dataset. The chart uses a smooth, stylized line to represent the temperature trend, with a natural curve applied via D3's `curveNatural` function, giving the path an organic, flowing appearance. Rendered in SVG within a React framework, the code leverages D3 v5's `scaleTime`, `scaleLinear`, and `extent` APIs to map data to axes, while the `AxisBottom` and `AxisLeft` components handle tick marks and labels. Styling is managed through CSS with the Poppins font, and a custom `Marks` component draws the data path.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed