Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar data visulization

Public visualization

Viewing a saved revision (read-only)

10b0e2c305b24b32bdb2332e556fd0a1

Bar data visulization

0 stars0🌍 Public
Ffaqihisaninja
Last edited Feb 9, 2021
Created on Feb 9, 2021
Forked from data visulization

This example shows a horizontal bar chart comparing population figures across six countries, with each bar’s length proportional to its population value. The visualization uses React with D3 v6, rendering SVG elements via d3.select, d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom. The code loads data from a CSV file, multiplies population values by 1,000, then maps countries to the y-axis and scaled populations to the x-axis, with steelblue rectangles and axis labels.

AI-generated description

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

See also React Starter.