Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Transformation Map

Public visualization

Viewing a saved revision (read-only)

65a616b536b544dbb565df2eb03d9743

Transformation Map

1 star0🌍 Public
Rrenenadorp
Last edited Aug 27, 2022
Created on Aug 24, 2022

This visualization displays a transformation map tracking projected values across years (2022–2024) using animated circles and a color-coded legend. The current state circle renders at the bottom, while future states are positioned within the map area. Built with D3 v7, the code uses `d3.select` for SVG rendering, custom modules like `DrawCircleState` and `colorLegend`, and applies `transition().duration(1000)` for smooth animations. Data comes from a CSV file processed through `d3.tsv` and `d3.json` utilities, with a color scale using `scaleOrdinal` and `schemeCategory10`.

AI-generated description