Skip to main content
100%

example

✓ Published0🌍 Public
Rratnach@outlook.com
Last edited Feb 27, 2024
Created on Feb 27, 2024
Forked from Circles with D3

This example draws a stylized house with a clock tower using D3.js. The SVG scene includes a gray triangular tower, an orange rectangular base, a brown door, a yellow window, and a white circular clock face with numeric labels. The code uses D3’s `select` to create and append SVG shapes—polygons, rectangles, circles, and lines—while positioning elements relative to the container's dimensions. Clock numbers are placed via trigonometric calculations, and the entire graphic is rendered with a semi-transparent green background.

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

Svelte

Here's a video on how to get started with Svelte as well!

MIT Licensed

Similar vizzes