Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Selections

Public visualization

Viewing a saved revision (read-only)

3b9a4b7b7c684fafb886a370bad0698a

D3 Selections

0 stars0🌍 Public
AAdan Rodriguez
Last edited Jan 19, 2023
Created on Jan 19, 2023
Forked from D3 Starter

This example demonstrates how D3 selections bind data to SVG elements. It renders five circles across the viewport, each with a random radius between 10 and 50, generated by a custom `Data` function using `d3.range`. The `Circles` module applies a re-usable selection pattern with `selectAll`, `data`, and `join` to create and style the circles. The main script uses `d3.select`, appends an SVG sized to the window, and calls the circle component, showing a modular approach to D3 v7 development in an ES modules setup.

AI-generated description

A demonstration of how to start using D3 version 6.