Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customising axes with D3.js!

Public visualization

Viewing a saved revision (read-only)

23f2006042424fc5a37ed0d0fc4a0226

Customising axes with D3.js!

0 stars1🌍 Public
Ssoniyaa-dv
Last edited Jul 23, 2020
Created on Jul 22, 2020

A horizontal bar chart displays the happiness scores of ten countries, using a steelblue fill for each bar. The visualization customizes the axes with D3.js v5 APIs, including `scaleLinear` for the score axis, `scaleBand` for the country axis, and `axisLeft`/`axisBottom` for rendering the tick marks. The SVG chart, drawn via the `select` and `append` methods, reads data from a local CSV file and sets a large font size for all text labels.

AI-generated description