Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars2🌍 Public
NNikita Toropov
Last edited Mar 5, 2023
Created on Mar 5, 2023

This scatterplot displays temperature readings over the course of a week in San Francisco, with time on the x-axis and temperature on the y-axis. The visualization uses React hooks to load a CSV dataset via `d3.csv`, then renders SVG circles with the help of `d3.scaleTime` and `d3.scaleLinear` for the axes. Each point is color-coded teal, and hovering reveals a tooltip formatted with `d3.timeFormat` that shows the day and temperature value.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed