Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Path Animation

Public visualization

Path Animation

1 star1🌍 Public
RRubens
Last edited Feb 22, 2020
Created on Feb 4, 2020

This visualization charts personal body weight measurements over time, showing a single person’s weight fluctuations from 2008 to 2011 in kilograms. A slider input animates two small circles along the rendered weight paths, with each circle tracing a separate line. The chart uses d3.scaleTime and d3.scaleLinear for axes, d3.line with curveBasis for smoothing, and d3.nest to group data by person. The slider controls circle positions via the SVG path’s `getPointAtLength` method, while a color legend and gridlines are added using d3.scaleOrdinal and axis components.

AI-generated description

This data cames from personal annotation of body weight.

Comments

Sign in to join the discussion.

MIT Licensed