Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test D3 6

Public visualization

Viewing a saved revision (read-only)

9d28e523702241da8515583f5f6a3bf9

Test D3 6

0 stars0🌍 Public
Mmiodragkaradzic
Last edited Mar 11, 2021
Created on Mar 11, 2021
Forked from D3 Starter

This example creates a horizontal bar chart where each bar's length corresponds to its numeric value. The visualization is rendered as a block-level `<div>` element, with individual bars styled using steel blue backgrounds and inline widths proportional to the data. The code uses the D3.js version 6 API, specifically `d3.create`, `selectAll` with a `data` binding, and the `.join` method to append new elements. Each bar displays its value as white, right-aligned text within a 10-pixel sans-serif font.

AI-generated description