Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working with Time Connected dots

Public visualization

Working with Time Connected dots

0 stars0🌍 Public
Fforcox43
Last edited Sep 21, 2020
Created on Sep 16, 2020
Forked from Working with Time

This example visualizes temperature readings over a week in San Francisco, plotting a smooth line through connected time-series data points. The chart uses D3 scales (`scaleTime` and `scaleLinear`) to map timestamps and temperatures, while React components render the SVG axes and marks. The `Marks` component builds a natural curve path using `d3.line` with `curveNatural`, which only draws the line without individual numeric labels for each point. Data is loaded asynchronously from a CSV file using D3’s `csv` parser, and the resulting graphic includes labeled axes, a title, and a clean, minimal styling with a teal stroke.

AI-generated description

A program that loads and parses some CSV data: CSS Named Colors.

Comments

Sign in to join the discussion.

MIT Licensed