Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js Tutorial

Public visualization

Viewing a saved revision (read-only)

3e9c4ede69db40f78c5856d3d30c6304

D3.js Tutorial

0 stars2🌍 Public
Bbhargav83
Last edited Feb 19, 2023
Created on Jan 30, 2023
Forked from HTML Starter

This example shows a D3.js bar chart that displays the scores of seven individuals, sorted in descending order. The chart uses a band scale for the x-axis and a linear scale for the y-axis, with bars rendered as SVG rectangles that highlight on hover. The code calls on d3.scaleBand, d3.scaleLinear, d3.axisLeft, and d3.axisBottom to construct the axes and layout, while data is sorted with d3.descending before binding. The visualization is embedded in a minimal HTML page with D3 v5 loaded from a CDN.

AI-generated description

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

See also React Starter.