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 stars0🌍 Public
RRashmi Ranjan Sahani
Last edited Feb 13, 2024
Created on Feb 13, 2024
Forked from Circles with D3

This example demonstrates a simple D3.js chart that renders six colored circles with varying sizes and positions on a dark gray background. The circles are defined in a static dataset containing x and y coordinates, radius, and fill color values. Using the `select`, `data`, and `join` methods from the d3 library, the code creates an SVG element that binds the data to circle elements. The visualization focuses on basic data binding and SVG rendering, with a prompt encouraging users to fork the project and customize it for themes like Halloween or Christmas.

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