Cameron Nimmo

@CNimmo16·2 public vizzes

Customizing Axes

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, with population values in thousands. Using D3 v5, the visualization customizes axes by rotating x-axis labels, applying a custom tick format that converts millions to 'm' and billions to 'b', and styling tick marks with specific fonts and colors. An interactive "Add bar" button appends additional bars with sample data, triggering a 500-millisecond transition animation that slides exiting bars off the left edge. The chart is rendered as SVG with a steelblue fill for bars.

Nov 26, 2019

Loading thumbnail…

Customizing Axes

This example displays a horizontal bar chart of the top 10 most populous countries, using 2018 population estimates from the United Nations World Population Prospects. It demonstrates D3 axis customization, changing tick formatting (converting large numbers to abbreviations like "B" for billion), removing default axis lines, and styling tick text, labels, and titles. The visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the scales and axes, and loads data from a CSV file.

Nov 26, 2019