MinaTvkl

@MinaTvkl·2 public vizzes

Making a Bar Chart

This example displays a horizontal bar chart ranking star systems by their distance from Earth in light-years, using data from a local CSV file. The visualization is built with D3 v5, employing `scaleLinear` and `scaleBand` to map distances and star names to SVG rectangles. Axes are generated using `axisLeft` and `axisBottom`, while the bar widths are scaled proportionally to each distance value. The chart is rendered entirely as SVG elements within a 960 by 500 canvas.

Oct 5, 2019

Loading thumbnail…

Bar Charts

This bar chart displays the 2018 estimated populations of the top 10 most populous countries, sourced from the United Nations World Population Prospects 2017. It uses D3’s `scaleLinear` for the x-axis (population in millions) and `scaleBand` for the y-axis (country names), with bars rendered as SVG rectangles. The example demonstrates custom axis styling and builds on a prior bar chart tutorial, showing how to map data to visual properties via D3’s scales and selection API.

Sep 24, 2019