Skip to main content
SimilarExport ZIP
100%

axis

✓ Published1🌍 Public
AAveryBurke
Last edited Jan 14, 2019
Created on Jan 14, 2019
Forked from bars!

A horizontal bar chart ranks ten countries by population, with the data loaded from a CSV file and drawn as SVG rectangles. The visualization uses `d3.scaleLinear` and `d3.scaleBand` for positioning, while `d3.axisLeft` and `d3.axisBottom` render country labels and a formatted population axis that converts units to billions. The chart includes a title, an "xTitle" label, and gridlines styled via the `tickSize` method.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

axis

This horizontal bar chart displays the population of ten countries, using orange bars sorted by country name. The visualization relies on D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. Population values from the CSV are multiplied by 1000, with tick labels formatted using `format('.3s')` and converting G to M. SVG rendering includes margins, a population axis label, and a decorative "Amazing" title, while axis lines and ticks are selectively removed for a cleaner design.

Aabcz1234
92% match
Loading thumbnail…

axes and stuff

This bar chart displays population figures for the ten most populous countries, sorted by country name. A linear scale maps population values to bar widths, while a band scale positions the categorical country labels. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom to render axes. Custom tick formatting abbreviates large numbers, and gridlines extend from the bottom axis. The chart is rendered as SVG with a steel-blue fill for bars and includes a title.

Jjsong
88% match
Loading thumbnail…

Axes

A horizontal bar chart displays the population of the top 10 most populous countries, with each bar colored by country. The chart uses d3.scaleLinear and d3.scaleBand to map population and country names, while d3.axisBottom and d3.axisLeft render labeled axes with custom formatting. Data comes from a CSV file of 2018 UN estimates, and the SVG rendering includes a title and axis label.

JJamesHop31
88% match
Loading thumbnail…

Customizing Axis

This example shows a horizontal bar chart ranking the ten most populous countries, with population values on a linear axis and country names on a categorical band axis. The SVG rendering uses D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs, while a custom `format` function converts large numbers to abbreviated labels (e.g., “B” for billions). Axis grid lines extend across the plot area, and the country label axis removes its domain and tick lines for a cleaner look. Data comes from a local CSV file containing population figures per country.

Rrebeccayc
88% match
Loading thumbnail…

Customizing Axis

A horizontal bar chart displays the ten most populous countries, with population values along the x-axis and country names on the y-axis. The chart uses d3.scaleLinear and d3.scaleBand to map data, while d3.axisBottom and d3.axisLeft render axes with customized tick formatting that abbreviates large numbers (e.g., converting "G" to "B" for billions). Axis lines and ticks are selectively removed using D3 selections, and the data is loaded from a CSV file with populations multiplied by 1,000.

Mmmustafau
87% match
Loading thumbnail…

D3 Axes

A horizontal bar chart displays the top 10 most populous countries, with population values on the x-axis and country names on the y-axis. Built with D3 v5, it uses `d3.csv` to load the data, `d3.scaleLinear` and `d3.scaleBand` for scaling, and `d3.axisBottom` with a custom tick formatter that abbreviates large numbers to billions. The chart includes a title, axis label, and a steelblue fill for the bars.

Ccgeiran
87% match
Loading thumbnail…

Bar Chart Axes

This example shows a horizontal bar chart ranking the ten most populous countries, with population values formatted in billions and a labeled x-axis. Built with D3 v5, it uses `scaleLinear` and `scaleBand` to map population and country names, while `axisBottom` and `axisLeft` generate the axes. The chart reads from a CSV file, renders as SVG, and removes default axis domain lines for a cleaner look.

AAjit Singh
87% match
Loading thumbnail…

Customizing Axes

This visualization displays a horizontal bar chart ranking the top 10 countries by population, using a custom-tuned axis to improve readability. The code uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisBottom with a custom tick formatter that converts large numbers into abbreviated units like "B" for billions. Data loads from a CSV file via d3.csv, with population values multiplied by 1000. The chart also includes gridlines, a title, and styled sans-serif text.

Nnkrpyate
87% match