Skip to main content
SimilarExport ZIP
100%

Customizing Axes

✓ Published1🌍 Public
Iisaachowen
Last edited Aug 11, 2019
Created on Jul 18, 2019
Forked from Making a bar chart

This bar chart displays the populations of the top 10 most populous countries, using 2018 estimates from the data source. The visualization customizes both axes by removing domain lines, adding gridlines on the x-axis through `tickSize`, and formatting population values with `d3.format`. The code uses d3 v5 with `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG elements, with a title and axis label included.

AI-generated description

This bar chart shows blablabla. The data comes from the year xxxx estimate from blabablbalabl(website link).

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the World Population Prospects 2017. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the chart in SVG. Axes are customized by removing default domain lines, adding tick marks that span the full chart height, and formatting population values with `format('.3s')` to show billions. The y-axis labels are sorted by population, with a title and axis label styled via CSS.

IIan Perry
95% match
Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. It demonstrates customization of D3 axes, including removal of default domain lines, custom tick formatting with `format('.3s')`, and grid lines created via `tickSize`. The visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with SVG rendering. Labels for the title and axis are added as text elements.

Ssophburke
95% match
Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It demonstrates customization of D3 axes, including abbreviated tick labels using `d3.format`, horizontal grid lines via `tickSize`, and removal of axis domains and tick lines. The chart uses `d3.scaleLinear` and `d3.scaleBand` for positioning, with SVG rendering and custom labels for the title and x-axis.

VVadim Jouk
95% match
Loading thumbnail…

Customizing Axes

This example displays a bar chart of the top 10 most populous countries in 2018, with population values on the x-axis and country names on the y-axis. The chart uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to position bars and customize tick marks, removing default domain lines and applying a custom tick formatter that converts values to billions. Grid lines extend across the plot area, and labels for the title and axes are added with SVG text elements.

Hhamza.miftah@gmail.com
95% match
Loading thumbnail…

Customizing Axes

This bar chart shows the populations of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. It customizes D3 v5 axes by removing domain lines, styling tick marks, and formatting population values with a `.3s` tick format that converts billions into “B”. The chart uses `d3.scaleLinear` and `d3.scaleBand` for scales, with `d3.axisLeft` and `d3.axisBottom` for rendering axes in SVG.

Ttonestar
95% match
Loading thumbnail…

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The visualization customizes both axes: the y-axis removes tick lines and domain, while the x-axis uses a `format('.3s')` tick formatter to abbreviate values and adds a custom “Population” label. Built with d3.v5, it uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles.

Wwishcsdev
95% match
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects. The visualization customizes D3 axes by removing default domain lines, adding gridlines through tick marks, and formatting population labels with D3’s `format` function. It uses `d3.scaleLinear` and `d3.scaleBand` for scaling, with `d3.axisLeft` and `d3.axisBottom` for the axes. The SVG rendering includes custom labels for the title and x-axis, styled via external CSS.

MMunTatt Yap
95% match
Loading thumbnail…

Customizing Axes

This bar chart shows the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization demonstrates customized D3 axes, including tick labels formatted with `d3.format`, a removed domain line, and an added axis label. It uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to render the axes in SVG.

AAnton Koukharski
95% match