Shape Silhouettes Visualization

This D3 visualization arranges shapes to form recognizable silhouettes: a star, a tree, and a skyline. Small gold stars hover around the big central star.

How it works

The visualization creates three distinct shapes using connected lines:

• Star: A black star positioned in the center of the canvas with 5 smaller gold stars orbiting around it
• Tree: A green tree silhouette in the left portion
• 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. The small stars perform a continuous floating animation around the big star.

Trump Tariff Visualization

To show the Trump tariffs visualization instead, change the call in index.js to viz(container, 'tariffs').