Skip to main content
SimilarExport ZIP
100%

Customizing Axes

✓ Published0🌍 Public
Ccheeson
Last edited Jul 30, 2020
Created on Jul 30, 2020
Forked from Making a Bar Chart

This bar chart displays the populations of the world's ten most populous countries, with countries listed vertically and population counts mapped along the horizontal axis using a linear scale. The visualization customizes both axes by removing domain lines and default ticks, applying a custom tick format that abbreviates numbers (e.g., converting 'G' to 'B') via d3.format, and adding a descriptive axis label. Built with D3 v5, the chart loads data from a CSV file, uses scaleBand and scaleLinear for positioning, and renders SVG rectangles with axes generated by axisLeft and axisBottom.

AI-generated description

这个条形图展示了人口最多的10个国家。

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, using data from World Population Prospects 2017. The visualization customizes both axes: the horizontal axis uses a linear scale with tick labels formatted via `d3.format` to abbreviate numbers (e.g., replacing ‘G’ with ‘B’), while the vertical axis removes the domain line and tick marks using D3’s `axisLeft` and `axisBottom`. Population values are multiplied by 1000 in the CSV loading step.

Nndhokalelearning
95% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the ten most populous countries, using horizontal bars sorted by population. The visualization employs d3.csv to load the data, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the numeric x-axis. Customized axes are drawn with d3.axisBottom and d3.axisLeft, including formatted tick labels that convert large numbers to abbreviated units like "B" for billions. The chart is rendered as SVG, with grid lines created via tickSize and a custom "Population" axis label added to the bottom.

Ccindy203cc
94% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations. The visualization demonstrates custom axis styling, including formatted tick labels, removed grid lines, and axis titles. Using d3.scaleLinear and d3.scaleBand, the chart maps population values and country names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting that converts large numbers to abbreviated units.

Aadvaitkulkarni08
94% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations. The visualization demonstrates custom axis styling, including formatted tick labels, removed grid lines, and axis titles. Using d3.scaleLinear and d3.scaleBand, the chart maps population values and country names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting that converts large numbers to abbreviated units.

Aadvaitkulkarni08
94% match
Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries, with countries on the y-axis and population values on the x-axis. The visualization customizes both axes by removing default domain lines and tick marks, adding custom tick formatting that converts large numbers to abbreviations like "B" for billions, and appending axis labels. It uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisBottom and d3.axisLeft to generate the axes. Rectangles are drawn in SVG, styled with CSS, and the chart includes a title.

CCaleb
94% match
Loading thumbnail…

Customizing Axes

This bar chart shows the population of the ten most populous countries, with vertical bars extending from a truncated y-axis. It customizes axes by removing domain lines and tick lines on the left, and uses a tick formatter with d3.format to convert values from billions to a readable scale with ‘B’ suffix. The chart labels the x-axis ‘Population’ and applies a title. The visualization is built with d3.v7, using scaleLinear, scaleBand, axisLeft, and axisBottom, rendering as SVG.

KKaleb LaBarrie
94% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. It highlights how D3 axes can be customized for appearance and readability. The visualization uses d3.csv, d3.scaleLinear, d3.scaleBand, and d3.axisLeft to render countries along the vertical axis and population values as horizontal bars. SVG elements are styled via external CSS, with tick labels, grid lines, and text sizes adjusted through the .tick class.

Lleothimoteo
94% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the ten most populous countries, with countries on the y-axis and population counts on the x-axis. Built with D3.js v5, it uses `scaleLinear` and `scaleBand` to map data, and `axisBottom` and `axisLeft` for custom axes. Population values from a CSV file are formatted with abbreviations (e.g., 'B' for billions), and the chart removes default axis lines for a cleaner look. All elements render as SVG.

RRiccardo Pressiani
94% match