Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Progress Map ES6

Public visualization

Viewing a saved revision (read-only)

bd17d9fd13a543079e72be67aee18136

Progress Map ES6

2 stars0🌍 Public
Mmaxime-plantard
Last edited Oct 3, 2020
Created on Aug 19, 2020
Forked from Hello VizHub

This interactive visualization displays the assembly progress of an aircraft, where each component is colored on a red-yellow-green scale based on its percentage of completion. Users can manually adjust each part’s progress through sliders or text inputs, or randomize all values, while a legend maps colors to percentages. Built with D3 v5, it renders the aircraft as SVG paths from a structured data file, includes zoom and pan via `d3.zoom`, and animates updates with `transition().duration()`. The color scale uses `d3.interpolateRdYlGn`.

AI-generated description