Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Linechart

Public visualization

Linechart

0 stars6🌍 Public
SSchmittYannic
Last edited Aug 18, 2020
Created on Aug 18, 2020

This interactive line chart displays daily temperature measurements for San Francisco across December 2015, with dropdown menus allowing selection of the x-axis, y-axis, and chart type (line or area). Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, `d3.axisBottom`, and `d3.axisLeft` to render SVG paths with a smooth curve. A hovering tooltip, implemented with `d3.mouse` and `d3.timeFormat`, reports precise values for any point. Data comes from the provided CSV file.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed