Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Making a line chart

Public visualization

Fork of Making a line chart

0 stars0🌍 Public
Aakshayms0
Last edited Oct 24, 2022
Created on Oct 24, 2022

This example shows a week of hourly temperature readings in San Francisco as a smooth, maroon line chart. The visualization uses D3 v7 to map time and temperature data from a CSV file onto an SVG canvas, with axes, grid lines, and clear labels. The code employs `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for scaling, and `d3.axisBottom` and `d3.axisLeft` for rendering axes. It also applies `d3.line` with a `curveBasis` for the smoothed path, and includes styled tick marks and titles.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed