🌍 Public
Viewing a saved revision (read-only)
d5b2df5e5c2c41349b0f6c35f8d9c69c
Project Algernon - Dashboard V1
JJames Rhodes
Last edited Apr 18, 2022
Created on Apr 16, 2022
Forked from Project Algernon - Loading Multiple Data
Sources
This dashboard visualizes indoor ride data from Project Algernon, displaying a line chart of power output in watts against time in minutes. A picker lets users switch between ride sessions, each sourced from JSON files. The visualization is built with React and rendered as an SVG using D3 v7, specifically leveraging `scaleLinear` for axes, the `line` shape for the path, and `curveCardinal` for smoothing. A custom linear gradient colors the stroke, while data smoothing via a rolling average is applied to the wattage values.
AI-generated descriptionExample using Algernon's ride data