ddan0

@ddan0·2 public vizzes

Fork of Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization demonstrates customized D3 axes, including formatted tick labels that convert large numbers into abbreviated units and grid lines extending across the chart. It uses D3 v5 APIs such as `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the SVG chart, with data loaded from a CSV file. Styling for the chart, including font sizes and fill colors, is defined in an external stylesheet.

Jul 23, 2021

Loading thumbnail…

Fork of Stylized Bar Chart

This example displays the top 10 most populous countries as a horizontal bar chart, with population values formatted in billions (e.g., "1.3B") using d3.format. The React app loads UN World Population Prospects 2019 data via d3.csv and renders SVG bars with Poppins typography. It uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis, while custom AxisBottom and AxisLeft components generate ticks. Native SVG `<title>` elements provide hover tooltips.

Jul 23, 2021