Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Fork of Stylized Line Chart

0 stars0🌍 Public
QQuang Than
Last edited Jul 26, 2022
Created on Jul 26, 2022

This example displays a time series of daily temperature readings from San Francisco over one week, rendered as a smooth, stylized line chart using React and SVG. The chart encodes time on the x-axis and temperature on the y-axis, with a natural curve applied via d3’s `line()` and `curveNatural` functions. Axes are generated through custom React components calling d3 scale methods like `scaleTime`, `scaleLinear`, and `ticks()`. Data is loaded as CSV using d3’s `csv` parser, and the visualization is styled with the Poppins font and custom CSS for the tick marks and line path.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed