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)

fe919af65a594764962fbc411d1a0180

Fork of Circles with D3

0 stars0🌍 Public
NNita
Last edited Feb 9, 2024
Created on Feb 9, 2024
Forked from Circles with D3

This example displays six semi-transparent circles of varying sizes, colors, and positions on a light green background. It uses the Svelte framework and the d3.select and d3.join API to create and manage the SVG circle elements. The circle data is defined as an array of objects with x, y, r, and fill properties, and rendering also occurs through a forEach loop that appends circles directly to the SVG container.

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!