mathsmi

@mathsmi·2 public vizzes

Scatter Plot

This scatter plot displays the population of administrative regions in Quebec, with each circle positioned along a linear population scale and a point scale for region names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisBottom`, `axisLeft`, and `csv` for data loading. Axis ticks extend across the plot as gridlines, and the x-axis labels use a custom `format` function to abbreviate large numbers. Data comes from a local CSV file with 2018 population estimates.

May 25, 2020

Loading thumbnail…

Customizing Axes

This bar chart displays the population of Quebec’s administrative regions, using data from the 2017 United Nations World Population Prospects. The example highlights customized D3 axes, including a left axis stripped of its domain line and ticks, and a bottom axis with a custom tick format that abbreviates numbers (e.g., converting millions to “M”). The SVG rendering uses d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom, with axis labels and tick styling applied via CSS.

May 25, 2020