Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart

Public visualization

Viewing a saved revision (read-only)

8ceb901680f74d49a29737a9658e7e07

Making a bar chart

0 stars0🌍 Public
Kkatrinrodkina
Last edited Oct 2, 2019
Created on Oct 1, 2019
Forked from Making a bar chart

Top 10 most populous countries are visualized as circles whose horizontal position encodes population count and vertical position encodes country, creating a bar chart with circular bars. The example uses D3 version 5 APIs including `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to render the SVG. Data loads from a CSV file containing country and population figures, which are multiplied by 1000. The visualization removes default axis domains and tick lines, and appends a title and axis label directly to the SVG group.

AI-generated description

An example including some commonly used features of SVG.