Fork of Making a bar chart 2!

Making a bar chart!

This horizontal bar chart displays population figures for ten countries, using the D3 v7 library to render an SVG graphic. The code imports specific functions including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the D3 module. It loads data from a local CSV file, multiplies the population values by 1000, and plots ranked bars with steelblue rectangles. Axis labels and tick marks are generated through D3’s SVG-based axis APIs, with margins surrounding the plot area.

Mmikeferri

Fork of Making BarChart

This horizontal bar chart displays the population of the ten most populous countries, using a linear scale for population and a band scale for country names. Built with D3 v5, it loads data from a CSV file via `d3.csv` and renders bars as SVG rectangles. The chart includes a formatted x-axis with tick labels shortened using `d3.format`, a title, and removes redundant axis lines. Margins are applied through a transformed group element.

DDhiva21

Fork of Making A Bar Chart

This bar chart displays the populations of the ten most populous countries, using horizontal bars ordered from largest to smallest. The visualization is built with D3 v7, loading data from a CSV file via `d3.csv` and rendering SVG elements. It employs `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` to generate the axes. Each rectangle’s height is determined by the band scale’s bandwidth, and the fill color is set through CSS.

NNigel

Fork of Making A Bar Chart

NNigel

Fork of Fork of Making a Bar Chart

This visualization displays the top 10 most populous countries as a horizontal bar chart using SVG rendering. It loads population data from a CSV file via `d3.csv`, scales the values with `d3.scaleLinear` and `d3.scaleBand`, and formats axis ticks with `d3.format`. The chart uses `d3.axisLeft` and `d3.axisBottom` for axes, with custom labels and a steelblue fill for bars.

0057SatvikDamera

Fork of Making A Bar Chart

This bar chart displays the populations of the ten most populous countries, with each bar's length corresponding to the population value from a CSV file. Built with D3 v7, the visualization uses `scaleLinear` and `scaleBand` to map population counts and country names to the chart's dimensions, and `axisLeft` and `axisBottom` to render the axes. The SVG output is generated by appending rectangles to a group element, with the data loaded via `csv` and parsed to multiply each population value by 1000.

FFouzia A.

Fork of Making a bar chart

This bar chart displays the population of ten countries in 2018, using a horizontal layout where bar length encodes population value. The chart is rendered as an SVG using D3 v7, with a linear scale for the x-axis and a band scale for the y-axis. It employs the `csv` function to load data from `data.csv`, `scaleLinear` and `scaleBand` for scales, and `axisLeft` and `axisBottom` for axes. Bars are styled with steelblue via CSS.

KKaleb LaBarrie

Fork of Making a Bar Chart

This horizontal bar chart displays population figures for ten countries, with each bar’s length proportional to the population value from a CSV file. The visualization uses D3 v6’s `scaleLinear` for the x-axis, `scaleBand` for categorical y-axis positioning, and SVG `rect` elements for bars. Data is loaded asynchronously via `d3.csv` and multiplied by 1000 before rendering. Axes are generated using `axisLeft` and `axisBottom`, with margins applied through a translated group element.

MMajaha21