Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Stylized Line Chart

0 stars1🌍 Public
Yyejichun@naver.com
Last edited Dec 20, 2021
Created on Dec 20, 2021

This stylized line chart visualizes temperature data over time, loaded from a CSV file of weekly San Francisco temperatures. The chart uses a smooth natural curve to connect data points, with dot markers that display tooltips on hover. The visualization is built with React and rendered as an SVG, leveraging D3 utilities like `scaleTime` and `scaleLinear` for axes and the `line` and `curveNatural` functions for the path. The interface uses a custom Poppins font and a teal color scheme for visual appeal.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed