RicardFabien

@RicardFabien·2 public vizzes

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries from the 2018 United Nations World Population Prospects estimate, with each bar’s length scaled by population and countries listed on the y-axis. The visualization uses D3 v5’s `csv` loader to parse the data, `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with custom tick formatting (e.g., converting billions to "B") and a population axis label. It renders to SVG, with a title, removed axis domain lines, and steelblue bars.

Mar 2, 2020

Loading thumbnail…

D3 charte test

This example displays a blank red SVG canvas and loads a small CSV dataset containing titles and numeric values. The page establishes an SVG element with fixed dimensions and applies a background color via the `style` attribute. Using D3 v5, the code selects the SVG element with `d3.select`, reads the CSV file with `d3.csv`, and logs the parsed data to the browser console. The visualization itself does not render any marks or charts; it only demonstrates the initial setup for data loading and SVG manipulation.

Mar 2, 2020