Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project Algernon - Dashboard V1

Public visualization

Project Algernon - Dashboard V1

0 stars0🌍 Public
JJames Rhodes
Last edited Apr 18, 2022
Created on Apr 16, 2022

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 description

Example using Algernon's ride data

Algernon's data

Comments

Sign in to join the discussion.

MIT Licensed