Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Fork of Stylized Line Chart

0 stars0🌍 Public
DDeepakSR-12
Last edited May 25, 2022
Created on May 25, 2022

This visualization shows a stylized line chart tracking temperature over time in San Francisco, with the x-axis representing time in days and the y-axis showing temperature values. The React component structure uses d3.scaleTime and d3.scaleLinear for axes, while the line is drawn using d3.line with curveNatural for smooth interpolation. The chart loads CSV data from a GitHub gist using d3.csv, and renders SVG elements with React, including custom axis components with tick formatting via d3.timeFormat. The design features a teal stroke color with Poppins typography and subtle grid lines.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed