Skip to main content
100%

React Line Chart : San Francisco Temperatures

✓ Published1🌍 Public
Hhunsingeruk@gmail.com
Last edited Oct 13, 2023
Created on Oct 13, 2023

This example shows daily temperature fluctuations in San Francisco across a week as a smooth, curved line chart. The visualization uses React components to render SVG axes and marks, with D3 v5 handling the underlying data transformations. The `scaleTime` and `scaleLinear` functions map timestamps and temperatures, while `line()` with `curveNatural` draws the smooth path. Data from a CSV file is converted from Celsius to Fahrenheit before plotting. The chart includes formatted day-of-week labels on the x-axis and degree symbols on temperature ticks.

AI-generated description

A program that shows temperature data for San Francisco as a line chart.

Data: Temperature Data.

MIT Licensed

Similar vizzes