Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time

Public visualization

Working with Time

0 stars1🌍 Public
Ttharuta
Last edited Aug 5, 2021
Created on Aug 5, 2021

This example visualizes temperature readings over the course of a week, using a smooth curved line to trace changes over time. The chart displays the data as an SVG rendered through React, with a time-scaled x-axis and linear y-axis for temperature. The code leverages d3.scaleTime, d3.scaleLinear, and d3.line with curveNatural to create the smooth path, while custom React components handle the axes and marks. Data is loaded from a CSV file containing timestamps and temperature values for San Francisco.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed