Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars2🌍 Public
RRudy Shayganfar
Last edited Oct 3, 2020
Created on Oct 3, 2020
Forked from Hello VizHub

This example shows a scatter plot of one week of temperature data from a CSV file hosted in a GitHub gist, with time on the x-axis and temperature in degrees on the y-axis. The visualization uses React components to render SVG circles, with d3.scaleTime and d3.scaleLinear for scales, d3.timeFormat for weekday tick labels, and d3.extent for domain calculation. Axes are custom-built using React, and each data point includes a title for hover-based tooltips. Data loading is handled asynchronously via d3.csv within a custom useEffect hook.

AI-generated description

A scatter plot of 1-week of temperature data taken from this gist.

This chart was made using this chart as a base and modified based on CS573 Week 5 videos.

Comments

Sign in to join the discussion.

MIT Licensed