nathanhuyghe

@nathanhuyghe·2 public vizzes

Fork of Template Enter, exit and update

This example demonstrates the D3 enter, update, and exit pattern by rendering eight orange circles. A new circle appears every two seconds while the last one is removed, illustrating how selections handle dynamic data arrays. The code uses d3.select, d3.range, and scaleOrdinal to manage the SVG circles, with the enter() method appending new elements and exit() removing them after the data array is modified.

Dec 8, 2021

Loading thumbnail…

Fork of Christmas tree

The visualization shows a stylized Christmas tree assembled from stacked green triangles, a brown trunk, and red ornaments with black outlines. A lime-green star with a purple border sits at the top of the tree. The SVG is built directly in HTML using basic shapes like `polygon`, `rect`, and `circle`, with styling handled by CSS. The tree’s symmetric layers and centered ornaments create a flat, geometric holiday icon, rendered entirely through inline SVG elements without additional JavaScript libraries.

Dec 8, 2021