Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Playground

Public visualization

Viewing a saved revision (read-only)

5c2982410dd0422e8073bf7a140c822d

D3 Playground

0 stars0🌍 Public
BBryan Baird
Last edited Jun 26, 2023
Created on Jun 25, 2023
Forked from D3 Starter

This example demonstrates basic D3.js v7 shape generation and data binding on an SVG canvas. It renders a small bar chart from an array of four numbers, with black rectangles positioned through the enter selection pattern, and places a large red symbol from `d3.symbol` at the center of the viewport. The code uses `d3.select`, `d3.range`, `d3.symbols`, and `d3.symbol` to draw the geometric forms, while sizing the visualization to match the full browser window dimensions.

AI-generated description

A demonstration of how to start using D3 version 6.