Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Line Chart

Public visualization

Making a Line Chart

0 stars2🌍 Public
ZZoe Ferencova
Last edited Mar 8, 2023
Created on Mar 8, 2023

A smooth, natural line chart depicts temperature readings over a week, with time on the x-axis and temperature on the y-axis. The visualization uses React components to render SVG graphics, leveraging D3 v7 functions like `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` for data scaling and axis ticks. The natural curve, created with D3’s `line().curve(curveNatural)`, connects data points from a CSV source, while custom `AxisBottom` and `AxisLeft` components structure the chart with labeled ticks.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed