Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Virtual Progress recorder

Public visualization

Viewing a saved revision (read-only)

eaf7b433e34848a0ba9b10242a90f5a0

Virtual Progress recorder

0 stars0🌍 Public
JJunyanL
Last edited Jul 5, 2020
Created on Feb 11, 2020
Forked from Fun with scatter

This interactive tool visualizes task progress using a physical metaphor: marbles move from a left container to a right container as steps are completed. Users set the number of tasks with a numeric input and click a button to advance progress by one marble. The visualization renders two steel-blue rectangles as containers in an SVG, with React managing the component structure and state updates. The interface is built with React and ReactDOM for rendering, while D3.js v5 is included for potential data binding or transitions, though the current implementation relies primarily on React's declarative JSX.

AI-generated description