Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart

Public visualization

Line Chart

0 stars1🌍 Public
KKolezhannochka
Last edited Jan 6, 2022
Created on Jan 6, 2022
Forked from Scatter Plot

This line chart displays daily temperature readings over a week in San Francisco, using a smooth natural curve to connect data points. The React application loads the dataset via `d3.csv` and renders an SVG visualization with `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis. Custom `AxisBottom` and `AxisLeft` components generate tick marks, while the `Marks` component draws the path using `d3.line` with `curveNatural`. The chart includes labeled axes for Timestamp and Temperature, with loading state feedback.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed