Patrick Dupuis

@Velobook·2 public vizzes

Sessions Entrainement et courses

This visualization plots cycling workout sessions, showing power output in watts against elevation gain (dénivelé) for a rider's training data. Each circle’s radius represents the average speed, allowing viewers to compare performance across different climbs. It fetches JSON data from the Velobook API and renders it as an SVG scatterplot using D3 v5. The chart includes interactive hover tooltips that display the power, elevation, and speed for each workout. Axes are scaled linearly and labeled clearly, with grid lines and a title "MMP by Dénivelé" indicating maximal minute power relative to climbing difficulty.

Sep 10, 2019

Loading thumbnail…

Sessions Entrainement et courses

This visualization plots cycling power (in watts) against elevation gain, with each circle representing a training session or race and its size encoding average speed. Hovering over a point reveals exact values for power, elevation, and speed in a tooltip. The chart is built with D3 v5, using linear scales, axis generators, and data loaded from the Velobook API. SVG circles are rendered with opacity and a hover color change, while a custom tooltip element tracks the mouse position.

Sep 9, 2019