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
TTranHBach
Last edited Jun 27, 2022
Created on Jun 27, 2022

This example visualizes weekly temperature readings from San Francisco using a stylized line chart rendered as SVG within a React application. The chart displays temperature over time, with a smooth curve drawn using `d3.line()` and the `curveNatural` interpolation, while D3 scales (`scaleTime`, `scaleLinear`) map data to pixel coordinates. The data loads via `d3.csv()` from the Sense Your City dataset. Axes are rendered as custom React components, with tick marks and labels styled through CSS, and the line uses a teal stroke with rounded joins.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed