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)

221e952bd527495fafd64321c4009e40

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.

Challenge

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