Fork of Making BarChart

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

Fork of Making a Bar Chart

MMajaha21

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 Making a bar chart

This horizontal bar chart displays population figures for ten countries, using data from a CSV file with populations scaled by a factor of one thousand. The visualization relies on D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with SVG rectangles representing each country’s value. Axes are generated via `axisBottom` and `axisLeft`, while tick labels are formatted using `format` to abbreviate numbers, and gridlines are styled through CSS. The chart includes custom axis titles and a chart title, all rendered as SVG elements.

Llinyyyyyyyyy

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 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