🌍 Public
Viewing a saved revision (read-only)
b2e3a2522a5d4633be0ea28ce2360aa2
Loading and Parsing Data
This example demonstrates asynchronous data loading and parsing in a React-free D3 visualization, showing a loading indicator before rendering clickable circles from a CSV file. Using d3-rosetta's unidirectional data flow and `createStateField`, it manages state transitions from loading to succeeded or failed. When data arrives, `d3.csv` parses the x and y columns, then `renderCircles` draws circles that respond to clicks via `setupClickInteraction`, with `highlightSelectedDatum` visually distinguishing the selected point.
AI-generated description