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)

c0c1d8d8a4e54bd99d5615c720e68606

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.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative