Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Bis Circles with D3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b5d0184635c9479e9aaffb541db1ac8c

Open

Fork of Bis Circles with D3

0 stars1🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Aug 27, 2025
Created on Aug 27, 2025
Forked from Circles with D3

This D3 v7 visualization animates three shape-based silhouettes—a star, a tree, and a skyline—constructed from connected line segments. A central black star is surrounded by five smaller gold stars that float continuously, while the tree and skyline use distinct colors. The code uses D3's `select`, `join`, and `transition` APIs to draw lines, apply hover effects, and animate expansion from the center, with a visible star-orbit animation.

AI-generated description

Shape Silhouettes Visualization

This D3 visualization arranges shapes to form recognizable silhouettes: a star, a tree, and a skyline.

How it works

The visualization creates three distinct shapes using connected lines:

  • Star: A golden star positioned in the left portion of the canvas
  • Tree: A green tree silhouette in the center
  • Skyline: A city skyline made of buildings in the right portion

Each shape is created by defining key points and connecting them with lines to form the silhouette.