Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line chart with Time Series

Public visualization

Line chart with Time Series

0 stars1🌍 Public
AAndres de la Garza
Last edited Mar 9, 2021
Created on Mar 9, 2021

This line chart visualizes temperature readings over time, using a smooth natural curve to connect data points from a CSV dataset of weekly San Francisco temperatures. The chart displays time on the x-axis using `d3.scaleTime` with weekday tick labels formatted via `timeFormat`, while temperature values are plotted on a linear y-axis. Built with React and rendered as SVG, the visualization leverages d3 v6 functions including `extent`, `line`, and `curveNatural` for the path generation, with axes constructed through reusable React components.

AI-generated description

Scatter Plot with time series data. All date and time data needs to follow (ISO 8601) time and date formatting for proper plotting. [https://en.wikipedia.org/wiki/ISO_8601].

Comments

Sign in to join the discussion.

MIT Licensed