Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

EP03 | 學會 D3.js 製作圖表 - 製作長條圖(Bar)

Public visualization

Viewing a saved revision (read-only)

6fbe51357a4a48eabed9bbc6f32bc476

EP03 | 學會 D3.js 製作圖表 - 製作長條圖(Bar)

0 stars2🌍 Public
CCeleste6666
Last edited Nov 5, 2021
Created on Nov 5, 2021
Forked from HTML Starter

This bar chart visualizes the populations of the top twelve countries in 2020, using horizontal bars sorted by population size. Built with D3.js v7 and rendered as an SVG, the chart applies `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. It uses `axisLeft` and `axisBottom` to generate axes, with custom tick formatting to display billions. The data is loaded from a CSV file, and CSS classes style the title and axis labels.

AI-generated description

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

See also React Starter.