Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project Algernon - Loading Multiple Data Sources

Public visualization

Project Algernon - Loading Multiple Data Sources

1 star2🌍 Public
JJames Rhodes
Last edited Apr 15, 2022
Created on Apr 11, 2022

An interactive line chart displays a single indoor cycling ride's power output over time. A dropdown menu allows users to switch between ride data files loaded from a remote JSON repository. The visualization uses React and D3 to fetch and parse data, then renders the chart as an SVG. A gradient stroke and tooltip on each data point provide visual feedback based on the power value.

AI-generated description

Example using Algernon's ride data

Algernon's data

Comments

Sign in to join the discussion.

MIT Licensed