Skip to main content
SimilarExport ZIP
100%

Customizing Axes

✓ Published0🌍 Public
Eezzep66
Last edited Nov 5, 2019
Created on Nov 4, 2019

A bar chart displays population figures for ten countries using a horizontal layout, with country names on the y-axis and population counts on the x-axis. The chart uses `scaleLinear` and `scaleBand` to position bars, while `axisBottom` and `axisLeft` render the axes, with a `format("s")` tick formatter for compact number labels. A tooltip appears on hover via D3 event listeners. Data originates from the UN Population Division and is loaded as a CSV, with population values multiplied by 1,000.

AI-generated description

https://population.un.org/wpp/Download/Standard/Population/

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

A horizontal bar chart displays population counts for ten countries, with countries listed along the y-axis and population values along the x-axis. The visualization uses D3 v5's `scaleLinear` for the population axis and `scaleBand` for the categorical country axis, with axes rendered via `axisLeft` and `axisBottom`. Data is loaded from a CSV file using `csv`, with population values multiplied by 1000 before rendering. The chart is drawn as blue SVG rectangles, positioned using the band scale's bandwidth and the linear scale's width mapping.

LLonwabo11
93% match
Loading thumbnail…

Customizing Axes!

A bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. It shows horizontal bars ordered by population, with a customized axis label and formatted tick values that convert large numbers to abbreviated forms (e.g., "B" for billions). The visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while removing default axis domain lines and styling tick text. Population values are multiplied by 1000 after loading from a CSV file.

EElAzyzNasrallah
93% match
Loading thumbnail…

Customizing axes

A bar chart displays the population of the ten most populous countries, using horizontal bars scaled linearly by population and sorted by rank. The visualization emphasizes custom axis styling: the y-axis removes its domain line and ticks, while the x-axis uses a custom tick formatter to abbreviate large numbers (e.g., converting billions to 'B') and includes a labeled "Population" axis title. A D3 v7 script loads data from a CSV, applies a band scale for countries and a linear scale for populations, and renders SVG rectangles with margins and gridlines via `axisBottom` and `axisLeft`.

JJuyeonee
93% match
Loading thumbnail…

customizing Axes

A bar chart displays population counts for the ten most populous countries, using data from the 2017 UN World Population Prospects. The chart customizes axes by removing domain lines, adding a population axis label, and formatting tick labels with d3.format to abbreviate numbers (e.g., converting G to B). Built with D3 v6, it uses scaleLinear and scaleBand for scales, axisLeft and axisBottom for axes, and SVG rendering.

Ssgzzhinde
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
Loading thumbnail…

Customizing Axes

This bar chart shows the population of the top 10 most populous countries, ordered vertically by country name, with a horizontal axis for population values. The chart highlights customized axes: the y-axis removes its domain line and tick lines, while the x-axis uses a custom tick format via `d3.format` that replaces 'G' with 'B' (e.g., 1.4B) and draws grid lines with `tickSize`. The SVG is built using `d3.scaleLinear` and `d3.scaleBand`, with axes rendered by `d3.axisBottom` and `d3.axisLeft`. Data comes from the 2018 UN World Population Prospects estimate.

YYogesh Joshi
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