antonispat10

@antonispat10·4 public vizzes

Fork of Fork of Customizing Axes

This bar chart visualizes the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It demonstrates D3 axis customization, using `d3.scaleLinear` for the population axis and `d3.scaleBand` for country labels, which are abbreviated to their first three letters. The code employs `d3.axisLeft` with a custom tick formatter that converts large numbers into abbreviated units like “B” for billions, and `d3.axisBottom` for the categorical axis. SVGs render the bars in steelblue with a minimal, clean design.

Dec 30, 2020

Loading thumbnail…

Fork of Fork of Customizing Ax

This bar chart visualizes the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The code uses D3 v5 APIs including `csv` for data loading, `scaleLinear` and `scaleBand` for scales, and `axisLeft` and `axisBottom` for axes. Countries are abbreviated to their first three letters, and population values are scaled by 1000. The example demonstrates axis customization, including tick font sizes and removal of axis lines, rendering as an SVG.

Dec 29, 2020

Loading thumbnail…

Fork of Customizing Axes

This bar chart visualizes the populations of the top 10 most populous countries, using data from the 2018 United Nations World Population Prospects. The chart displays each country’s population as a horizontal bar, with axis labels and a title. The code builds a custom D3 v5 visualization using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, while customizing tick formatting and removing axis lines. Data is loaded from a CSV file using `d3.csv`, and the SVG rendering is styled with CSS.

Dec 29, 2020

Loading thumbnail…

Fork of Customizing Axes

This bar chart displays the population of the top 10 most populous countries for 2018, using data from the United Nations World Population Prospects. It shows how D3 axes can be customized through the `axisLeft` and `axisBottom` functions. Each bar’s length corresponds to the population value, with a linear scale for the x-axis and a band scale for country names on the y-axis. The code explicitly removes tick lines and domain paths, and reformats tick labels using `format` to abbreviate large numbers.

Dec 29, 2020