Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

BarChart D3

Public visualization

Viewing a saved revision (read-only)

4969a00923604dc9835e566dd7825f3a

BarChart D3

0 stars1🌍 Public
AAllen Ho
Last edited Feb 21, 2024
Created on Feb 18, 2024
Forked from HTML Starter

This bar chart visualizes the wealth of various companies in billions, with each bar’s height corresponding to its value and a hover effect turning bars red. The visualization is rendered as an SVG using D3.js (v6), with data loaded from a CSV file via `d3.csv`. The chart employs `d3.scaleBand` for the x-axis (company names) and `d3.scaleLinear` for the y-axis (wealth), with axis labels generated by `d3.axisBottom` and `d3.axisLeft`. Bar colors are dynamically set to a blue gradient based on wealth value.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.