Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Working with time

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

cd180c26fd5548d7b611edeea9d20c39

Open

Fork of Working with time

0 stars0🌍 Public
SSamirAhma
Last edited Nov 26, 2022
Created on Nov 26, 2022
Forked from Working with time

This visualization displays temperature readings over time, rendered as a smooth line chart in an SVG canvas. The React app loads CSV data from a GitHub-hosted weather dataset and uses D3 v5 utilities like `scaleTime`, `scaleLinear`, and `extent` to map timestamps and temperatures to coordinates. The `line` and `curveNatural` functions from D3 draw the path, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) handle axes and marks. Axis labels and tick styling are defined in CSS with the Poppins font.

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.