🌍 Public
Viewing a saved revision (read-only)
a111341d6eb54298af1b4cfd73b18b0c
Topologica Layers Experiment
This example demonstrates a scatter plot with 10,000 circles, where hovering over a circle highlights it in the foreground with a fading white overlay. It uses D3 v5 for SVG rendering and animation via `transition.attr`, while Topologica.js manages a layered dataflow graph to selectively re-render only dependent components. The code uses `selection.enter`, `merge`, and `exit` in the `circles.js` module, with explicit dependency declarations like `backCircles.dependencies` to optimize updates, avoiding full re-renders on hover state changes.
AI-generated descriptionAn experiment exploring how one might go about optimizing D3 rendering when using unidirectional data flow, using Topologica.js.