🌍 Public
Viewing a saved revision (read-only)
fbd03b778fa242c1920994ebafa7498d
Progress Map ES6
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