Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 intro

Public visualization

d3 intro

0 stars0🌍 Public
Ssukumardunn
Last edited Jan 25, 2023
Created on Jan 25, 2023
Forked from Hello Package.json

This example renders a full-screen SVG filled with 100 horizontal rectangles, each stacked vertically with a fixed height of 10 pixels and a small gap between them. The visualization uses d3.select and d3.range to generate the data, then binds it to rect elements via a data join. The rectangles span the entire window width, creating a simple striped pattern that highlights D3’s declarative approach to binding data to SVG shapes using the .attr and .join methods.

AI-generated description

hiiii

Comments

Sign in to join the discussion.

MIT Licensed