Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My_Portrait

Public visualization

Viewing a saved revision (read-only)

a8dd215c3aa445d094630e7a4f37a1fc

My_Portrait

0 stars0🌍 Public
AAndrew-Kiwa
Last edited Sep 28, 2022
Created on Sep 28, 2022

This data-visualization example, titled *My_Portrait*, uses a 2018 United Nations population estimate for the top 10 most populous countries to construct a bar chart of national demographics. The bars are rendered within an SVG canvas, and the chart's visual design incorporates a background-clip technique that applies a semi-transparent text fill via the `portrait` class, allowing the graphic to double as a stylized portrait. The project relies on D3.js v5 (loaded as `d3.v5`) and uses its core API to bind the numeric data to the bars' heights. Styling is handled externally through `Style.css`, which sets the page margins and defines the text-fill effect.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United nations: World Population Prospects 2017.