Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Learn D3.js

Public visualization

Learn D3.js

0 stars0🌍 Public
Ssafdarnu
Last edited Apr 1, 2020
Created on Apr 1, 2020
Forked from Making a Bar Chart

This bar chart visualizes a static dataset of nine numeric values using SVG rectangles. The example demonstrates how to construct a basic chart with the D3.js v4 library. The code sets the SVG canvas dimensions, calculates bar widths based on the data array length, and uses `d3.select` and `selectAll` to append `rect` elements. Each bar’s height and y-position are derived from the data values, with a `transform` attribute translating each rectangle horizontally. The chart is contained within an HTML page with a light background.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed