Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple files with ES6 modules

Public visualization

Viewing a saved revision (read-only)

9e75fc586eae4e71aecaf65cb9e420ac

Multiple files with ES6 modules

0 stars1🌍 Public
Ggjonor
Last edited Feb 15, 2020
Created on Feb 14, 2020

This example displays a horizontal bar chart of World Bank population data for 31 countries, using the most recent year with available values. The React-based application loads the CSV data through a custom ES6 module that parses and filters the multi-row metadata headers. D3 v5’s `scaleBand` and `scaleLinear` map the country names and population values to SVG rectangles, while `axisLeft` and `axisBottom` render the axes. The chart demonstrates a modular architecture separating data loading, utility functions, and the bar chart component.

AI-generated description