🌍 Public
Viewing a saved revision (read-only)
d2394c4ce6ba40e48194c32bd9a39af8
D3 Starter-episode 04
This example demonstrates a basic D3.js bar-like visualization of 100 horizontal rectangles stacked vertically, each with a height of 10 pixels and width matching the viewport. The code uses `d3.select`, `d3.range`, and the `join` pattern to bind data to SVG `rect` elements, spacing them at 20-pixel intervals. It renders quickly to show the minimal setup for D3 version 6, with styling from a large body font size. The visualization is purely layout-driven, using no external data source or interaction.
AI-generated descriptionA demonstration of how to start using D3 version 6.