🌍 Public
Viewing a saved revision (read-only)
8bc7585c0f754fb6a577a2a96baa8161
Fork of Circles with D3
This visualization recreates Conch Street from SpongeBob SquarePants using geometric SVG shapes. Simple rectangles form the buildings and street, while semi-circular arcs create doorways, and ellipses depict trees and character details. The D3 code uses `arc()` to generate path data for the doors and `select()` with joins to build the SVG, applying a consistent opacity and a pastel color palette. The scene is composed from static, hardcoded data arrays for each shape type.
AI-generated descriptionCreating circles with D3. An attempt at creating Conch Street from Bikini Bottom from the popular show Spongebob Squarepants.
<iframe width="560" height="315" src="https://static.wikia.nocookie.net/spongebob/images/9/9d/Man_Ray_Returns_001.png/revision/latest?cb=20171001162510" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative