Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles with D3

Public visualization

Viewing a saved revision (read-only)

5ef3877f0e494349898d0a9eeacf34db

Fork of Circles with D3

0 stars0🌍 Public
VVansh Patel
Last edited Jan 29, 2024
Created on Jan 14, 2024
Forked from 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 description

Creating circles with D3. An attempt at creating Conch Street from Bikini Bottom from the popular show Spongebob Squarepants.

<img src="https://static.wikia.nocookie.net/nickelodeon/images/1/14/ConchStreetStock.png" alt="Conch Street" height="300px">