Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Template Enter, exit and update

Public visualization

Viewing a saved revision (read-only)

725f43f845304301bf442603cd8beb78

Fork of Template Enter, exit and update

0 stars0🌍 Public
BBart Delrue
Last edited Dec 8, 2021
Created on Dec 8, 2021

This example visualizes 60 green circles arranged diagonally across an SVG canvas, each positioned at increasing x-coordinates and decreasing y-coordinates. The circles are created using D3 v7’s enter selection, where `selection.selectAll('circle')` binds the array of objects to new circle elements. A `scaleOrdinal` color scale maps all objects to a single green color. The code demonstrates the fundamental data-join pattern, though it does not include exit or update transitions despite the title referencing them.

AI-generated description

Template for workshop.