Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Topologica Layers Experiment

Public visualization

Topologica Layers Experiment

0 stars0๐ŸŒ Public
CCurran Kelleher
Last edited Nov 18, 2018
Created on Sep 15, 2018
Forked from HTML Cars Report

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 description

An experiment exploring how one might go about optimizing D3 rendering when using unidirectional data flow, using Topologica.js.

Comments

Sign in to join the discussion.

MIT Licensed