Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized React Bar Chart with Axes - w/ Run data

Public visualization

Viewing a saved revision (read-only)

572f3c682a7a43fcbc91e36e6cf32347

Stylized React Bar Chart with Axes - w/ Run data

0 stars1🌍 Public
Hhunsingeruk@gmail.com
Last edited Oct 12, 2023
Created on Oct 12, 2023

This stylized React bar chart visualizes the most recent run data, displaying the distance of each run in miles over time. The x-axis is scaled using `scaleBand`, while the y-axis uses `scaleLinear` to map distances. The chart is rendered as an SVG within a React component, using D3 v5 utilities like `timeParse` and `timeFormat` to process dates, and `csv` to load the data from a GitHub gist. Tooltips on each bar reveal the exact distance, and the chart includes styled axes with labels for clarity.

AI-generated description

A program that shows the latest run data as a bar chart with axes.

Data: Run Data.