Skip to main content
SimilarExport ZIP
100%

Formatting axes

✓ Published0🌍 Public
Cchrisvaillancourt
Last edited Oct 21, 2018
Created on Oct 21, 2018
Forked from Formatting axes

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. It uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` to render axes. The x-axis tick labels are formatted with `d3.format` to abbreviate numbers like “1.42B,” and gridlines extend across the plot area. The chart is rendered as SVG, with countries labeled on the y-axis and population values shown as horizontal bars.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Formatting axes

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. It uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` to render axes. The x-axis tick labels are formatted with `d3.format` to abbreviate numbers like “1.42B,” and gridlines extend across the plot area. The chart is rendered as SVG, with countries labeled on the y-axis and population values shown as horizontal bars.

Cchrisvaillancourt
100% match
Loading thumbnail…

Making a Bar Chart

This bar chart shows the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. Built with D3 v5, it renders an SVG and demonstrates customized axes: the y-axis removes its domain and tick lines, while the x-axis uses a tick formatter to abbreviate numbers (e.g., converting billions) and includes a labeled axis title. Data is loaded from a CSV and scaled using `d3.scaleLinear` and `d3.scaleBand`, with axes created via `d3.axisLeft` and `d3.axisBottom`.

SStephen Freeman
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart ranks the top 10 most populous countries, with population values sourced from the 2018 United Nations World Population Prospects estimate. The chart uses D3 v5’s `scaleLinear` and `scaleBand` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG rectangles for bars. The x-axis tick labels are formatted via `d3.format` to abbreviate large numbers, such as converting billions to billions with the letter "B". The visualization also customizes axes by removing domain lines and adding a plot title and axis label.

Oonika123
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries using 2018 data from the United Nations World Population Prospects. The chart uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` for positioning, and customizes the axes with `axisLeft` and `axisBottom`. Population values are loaded from a CSV file and formatted with a custom tick format that abbreviates large numbers. The visualization also includes axis labels and a title, with gridlines created through the x-axis tick size.

PPhilippe Rigovanov
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. It uses D3 v5 with an SVG rendering, employing `scaleLinear` and `scaleBand` for axes, and `axisBottom` with a custom tick formatter that converts billions to "B" labels. The chart also removes default axis lines and adds a title and axis label. The data is loaded via `csv` from a local file, with population values scaled by 1000.

Aandy-yc-lin
92% match
Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects 2017. The visualization customizes both axes, removing default domain lines and using a custom tick format that abbreviates large numbers with ‘B’ for billions on the x-axis. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render an SVG, with horizontal gridlines and a steelblue bar fill.

Cchrisvaillancourt
92% match
Loading thumbnail…

Making a Bar Chart

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 uses D3 v5 to load the data from a CSV and render an SVG with linear and band scales. The chart applies `scaleLinear` for the population axis and `scaleBand` for the country categories, while `axisLeft` and `axisBottom` handle tick marks. Population values are formatted in abbreviated units (e.g., "B" for billions) via the `format` API.

Rraphman100
92% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG, with a custom tick formatter converting values to billions. Grid lines are drawn via the x-axis, while the y-axis domain and tick lines are removed for a cleaner look. Population data is loaded from a local CSV file using `d3.csv` and scaled by 1,000.

AAn Jingyi
92% match