Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

line chart React and D3

Public visualization

Viewing a saved revision (read-only)

87b4d2fcf94144449266f903edafbac8

line chart React and D3

0 stars1🌍 Public
Bblackbottt
Last edited May 30, 2022
Created on May 30, 2022

This line chart visualizes weekly temperature data for San Francisco using React and D3 v5, rendering an SVG with time-scaled axes. The React components `AxleBottom`, `AxleLeft`, and `Marks` leverage D3's `scaleTime`, `scaleLinear`, and `line` API to construct the axes and path. Temperature values are plotted against timestamps, with data loaded from a CSV file via `d3.csv`. The chart includes grid ticks, axis labels, and circles at each data point.

AI-generated description

working with time weekly_temp SA