Skip to main content
SimilarExport ZIP
100%

Customizing Axes - 072119

✓ Published1🌍 Public
Sshallowater
Last edited Jul 22, 2019
Created on Jul 21, 2019

A horizontal bar chart displays the populations of the top ten most populous countries, with values scaled in thousands and formatted with custom ticks (e.g., "1.41B" for China). It uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisBottom and d3.axisLeft for axes. The chart removes default axis domains, adds gridlines via tickSize, and includes custom axis and title labels. Data is rendered as SVG rectangles with steelblue fill.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes - 072119 12:06 am

This bar chart displays the populations of the top 10 most populous countries, using a horizontal layout with custom axes and tick formatting. The chart renders population values in billions by converting the raw data with d3.csv and d3.format, while removing default axis lines and ticks. The visualization uses d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to position bars and labels within an SVG, with a title and axis label added via appended text elements.

Sshallowater
96% match
Loading thumbnail…

Customizing Axes

This example shows a horizontal bar chart of the top 10 most populous countries, with population values displayed in abbreviated form (e.g., “1.41B” for China) using a custom axis format. The chart uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisBottom with a tick format function that converts large numbers using d3.format. The SVG rendering is set up in index.html with margins applied to the chart group.

SShirshak
94% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the ten most populous countries, with populations scaled in thousands from a CSV file. The chart uses D3 v5 to build linear and band scales and axis generators, then customizes the axes by removing domain lines and default grid lines, adding a rotated x-axis label, and formatting tick labels to abbreviate large numbers (e.g., "1.42B"). The SVG rendering includes a title and styled tick marks, axis labels, and bars in steel blue.

PPioustu
94% match
Loading thumbnail…

Customizing Axes - 072019

This bar chart displays the populations of ten countries, with bars ordered alphabetically along the vertical axis and population values on the horizontal axis. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map data from a CSV file, and `axisBottom` with a custom tick format that abbreviates numbers (e.g., converting gigabytes to billions). The SVG rendering includes a left axis stripped of domain and tick lines, while the bottom axis removes its domain line, creating a clean, minimal appearance with steelblue bars.

Sshallowater
93% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the populations of the ten most populous countries, with population values transformed from raw numbers into abbreviated labels like "1.42B" using d3.format. The chart uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis, with custom tick formatting and axis labels applied via d3.axisBottom and d3.axisLeft. Data comes from a CSV file, rendered as SVG rectangles with gridlines and a title, all styled through external CSS.

Rruubi0807@gmail.com
93% match
Loading thumbnail…

Customizing Axes

This horizontal bar chart displays the populations of ten countries, with bars sorted by value and customized axes. The chart uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for positioning, and d3.axisLeft plus d3.axisBottom for ticks. Axis customization includes removing domain lines, adding gridlines via tickSize, and formatting tick labels with d3.format to abbreviate values (e.g., converting G to B). A title and axis label are appended as SVG text elements.

Mmagua
93% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the top 10 most populous countries using data from a CSV file. It maps population to bar width with a linear scale and country names to bar height using a band scale. The axes are customized with d3.axisBottom and d3.axisLeft; tick lines are removed, grid lines are added, and population values are formatted with d3.format to abbreviate billions as "B". The visualization is rendered as SVG with D3 v6.

WWayne716
93% match
Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the populations of the ten most populous countries, sorted by size, using a logarithmic-free linear scale. The axes are customized with abbreviated tick labels (e.g., "1.4B") and colored gridlines, while the y-axis removes its domain line. Built with D3 v7, the example loads data from a CSV via `d3.csv`, uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, and formats ticks with `d3.format`.

PPenguin-jpg
93% match