Skip to main content
100%

Arbitrary Visualization

✓ Published0🌍 Public
MMTClass
Last edited Apr 22, 2017
Created on Apr 22, 2017

Clicking on the canvas generates a cluster of blue-tinted, gradient-filled SVG shapes that grow, fade, and dissolve over time. Each click creates a new group of nodes connected by closed basis curves, which are then simulated through a force-directed layout using `d3.forceSimulation` with charge, collision, and Y-position forces. The nodes and links are drawn as SVG `path` elements, with a radial gradient fill and animated opacity transitions that remove each shape after a 60-second delay. The code uses d3 v4 and a custom `d3.line` with `curveBasisClosed` to define the bubble edges.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes