Skip to main content
SimilarExport ZIP
100%

Customizing Axis

✓ Published1🌍 Public
KKurt J Nilsen
Last edited Aug 1, 2020
Created on Aug 1, 2020
Forked from Making a bar chart

A horizontal bar chart displays the populations of the 15 most populous countries, using 2020 estimates from the United Nations World Population Prospects. D3's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs structure the visualization, with the x-axis formatted to abbreviate large numbers (e.g., "1.43B") via `format`. The chart customizes axes by removing default domain lines and tick lines, styling remaining ticks, and adding custom labels and a title.

AI-generated description

This bar chart shows population of the to 15 most populous contries. The data comes from the year 2020 estimate in United Nations: World Population Prospects 2020.

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axis

This horizontal bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. Built with D3 version 6, the visualization uses `scaleLinear` and `scaleBand` to map population values and country names. Custom axis styling removes the chart’s default domain lines, applies tick marks with negative sizing to create a grid, and formats tick labels using `format` to abbreviate numbers, such as converting gigabytes to billions.

AAndrewRiceMGW
93% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays population data for the ten most populous countries, sourced from United Nations world population prospects 2017. The chart uses d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis, with custom tick formatting that converts G to B for billions. d3.axisLeft removes domain and tick lines for a cleaner look, while d3.axisBottom applies tick marks and a custom title label.

NNoWizards
92% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the 18 most populated countries in 2020, using UN population estimates. The chart customizes both axes: the y-axis removes tick lines and domain, while the x-axis formats population values in billions using D3's `format('.3s')` and adds a custom label. Bars are red rectangles on a blue background, with a title above. The visualization uses D3 v5 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements.

TTebid Quinsy
92% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It shows how to customize D3 axes by removing default domain lines and tick marks, adding custom axis labels and a title, and formatting tick values using the `format` API to abbreviate large numbers (e.g., converting billions to “B”). The chart uses `scaleLinear` and `scaleBand` for positioning, with `axisBottom` and `axisLeft` for rendering.

Ttonestar
92% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the populations of the top 10 most populous countries, using 2018 United Nations estimates. The chart customizes both axes: the left axis removes domain and tick lines, while the bottom axis uses `d3.axisBottom` with a tick format converting billions to 'B' and adds a "Population" label. The code relies on `d3.csv`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles with steelblue fills.

SSteven Prichard
92% match
Loading thumbnail…

Customizing Axis

This bar chart displays the population of the ten most populous countries using 2018 data from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with a custom tick formatter that abbreviates numbers using the `format` function. Axes are customized by removing default domains and tick lines, adding grid lines, and including a title and axis label.

SSergio Peña
92% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays population figures for the top 10 most populous countries, with data derived from the 2018 United Nations World Population Prospects estimate. The visualization customizes both axes: the y-axis removes its domain and tick lines, while the x-axis uses a `d3.axisBottom` scale with a tick format that converts gigayears to billions, and gridlines extend across the plot. The chart is rendered as SVG using D3 v5, with countries arranged on a `d3.scaleBand` y-axis and bars drawn as `rect` elements.

Zzren2
92% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays population figures for the top 10 most populous countries, with data derived from the 2018 United Nations World Population Prospects estimate. The visualization customizes both axes: the y-axis removes its domain and tick lines, while the x-axis uses a `d3.axisBottom` scale with a tick format that converts gigayears to billions, and gridlines extend across the plot. The chart is rendered as SVG using D3 v5, with countries arranged on a `d3.scaleBand` y-axis and bars drawn as `rect` elements.

Zzren2
92% match