Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react time line chart styled

Public visualization

react time line chart styled

0 stars1🌍 Public
MMalcolm Mead
Last edited Jan 21, 2022
Created on Jan 21, 2022

This interactive visualization displays temperature readings over time as a smooth line chart with circular markers, rendered as SVG within a React application. The chart uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, with d3.line and curveNatural generating the smoothed path. Built with React 17 and D3 v7, the code loads temperature data from a CSV file via d3.csv, and includes tooltips on hover for each data point using SVG title elements.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed