Skip to main content
100%

Circle

✓ Published0🌍 Public
CCJKraenzle
Last edited Nov 12, 2017
Created on Nov 12, 2017

The example shows a single red circle that remains centered within a blue container as the browser window resizes, turning blue after any size change. It uses d3.v4 with SVG rendering to bind data to a circle element, positioning it based on the container’s client dimensions. A general update pattern with `merge` and `exit` handles resizing, while a counter tracks window width changes to prevent the radius from shrinking below its initial value. The data is hardcoded in the script, and the visualization is built with Blockbuilder.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes