Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js Tutorial

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

de04c1a421e645ff8e15ff50d0725b50

Open

D3.js Tutorial

0 stars1🌍 Public
BBaptisteJarry
Last edited Sep 26, 2022
Created on Sep 19, 2022
Forked from TD1_VIZ

This example uses a bar chart to visualize the 2022 population of countries from a CSV dataset, with bars arranged horizontally by country and vertically by population size. The code sorts the data in descending order, renders the chart as SVG, and adds rotated country labels on the x-axis. It demonstrates loading D3 v5 via UNPKG, using `d3.csv` and `d3.max`, and building scales and axes with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.