Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Simple Barchart with D3

Public visualization

Viewing a saved revision (read-only)

f80e83e46b504ebea9cb976e8daa8ea3

Simple Barchart with D3

0 stars1🌍 Public
JJordi
Last edited Sep 23, 2023
Created on Sep 23, 2023
Forked from D3 Starter

A simple SVG barchart displays six categorical values with rectangular bars, rendered using D3 v7. The visualization positions bars along an x-axis with a band scale and maps value magnitudes to bar heights using a linear scale. It includes labeled axes generated with d3-axis, and the chart is built by appending SVG elements to the document body. The code imports specific modules like `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft`, and uses a fixed dataset of six objects with category and value properties.

AI-generated description

A demonstration of how to start using D3 version 6.