Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Customizing Axes

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

bea7fe25be704e058fe9e4de2d15105e

Open

Fork of Customizing Axes

0 stars0🌍 Public
Ddaniel
Last edited Jan 4, 2024
Created on Jan 4, 2024
Forked from Customizing Axes

This example customizes a horizontal bar chart of the top 10 most populated countries. It uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population data loaded from a CSV. Axis lines and ticks are selectively removed, tick labels use a custom `.3s` format replacing “G” with “B”, and a title and axis label are added. SVG rectangles are rendered for each bar, with styling from an external CSS file.

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.