Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

working with time React and D3

Public visualization

working with time React and D3

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

A React and D3 scatterplot displays weekly San Francisco temperature readings over time, plotting each timestamp and temperature pair as a pink circle on an SVG canvas. The code uses d3.csv to load data from a GitHub gist, d3.scaleTime and d3.scaleLinear for axes, and d3.timeFormat for weekday labels. Custom React components AxleBottom, AxleLeft, and Marks render ticks and circles, with layout managed through margin calculations and SVG transforms.

AI-generated description

working with time weekly_temp SA

Comments

Sign in to join the discussion.

MIT Licensed