Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

customizing axis

Public visualization

Viewing a saved revision (read-only)

274c9b2642184db7b6160d88f2912c0e

customizing axis

0 stars0🌍 Public
SSam Creasey
Last edited Dec 21, 2020
Created on Dec 21, 2020
Forked from customizing axes

This D3.js example customizes the axes of a grouped bar chart using data from a CSV file. It visualizes nitrogen levels across different groups under normal and stress conditions, with the X-axis showing categories and the Y-axis representing values from 0 to 40. The code uses `d3.scaleBand` for the categorical X-axis and `d3.scaleLinear` for the Y-axis, with `d3.axisBottom` and `d3.axisLeft` to render the axes. The chart renders as SVG, applying custom tick sizes and colors via `d3.scaleOrdinal`.

AI-generated description

This bar chart shows population of the 10 most populous countries. The data comes from the year 2018 in United Nations World Population Prospects 2017