Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles with D3

Public visualization

Fork of Circles with D3

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

This visualization displays six semi-transparent circles of varying sizes, positions, and bright colors against a pale green background. It uses the D3.js library's select, selectAll, and join methods to efficiently bind and render the circle elements within an SVG container, sizing the visualization to fit the available space. The circles are drawn based on hard-coded data containing x and y coordinates, radius, and fill color, with a fixed opacity value applied to all shapes. The example serves as a template for creating and styling simple geometric compositions using D3's data-driven document manipulation.

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!

Comments

Sign in to join the discussion.

MIT Licensed