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)

fe69d062c1334915bbd7e5abe92b4e2b

Fork of Circles with D3

0 stars0🌍 Public
Aavicfai@126.com
Last edited Feb 19, 2024
Created on Feb 19, 2024
Forked from Circles with D3

Colorful translucent circles of varying sizes and positions float over a soft green background. Built with Svelte and D3, the visualization uses d3-selection to bind an array of six circle data objects to SVG circle elements. Each circle’s x, y, radius, and fill color are set directly from the data, with a fixed opacity of 0.708. The simple, static composition highlights how data-driven attributes can be efficiently mapped to visual properties in a Svelte component.

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!