Bart Delrue

@BartDelrue·2 public vizzes

Fork of Template Enter, exit and update

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.

Dec 8, 2021

Loading thumbnail…

Fork of Christmas tree

A stylized Christmas tree built entirely from SVG primitives. Three overlapping green triangles form the tree's layered foliage, a brown rectangle serves as the trunk, and five red circles are distributed as ornaments. The scene is static, constructed through direct SVG markup without JavaScript libraries or dynamic data. The geometric composition relies on hard-coded coordinates to achieve a symmetrical, simplified holiday icon.

Dec 8, 2021