Fork of D3 Bar

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

This bar chart displays population figures for ten countries, with each bar’s width proportional to its population using a `d3.scaleLinear` for the x-axis and a `d3.scaleBand` for the y-axis to position countries. Data is loaded from a CSV via `d3.csv`, with population values converted from strings to numbers. The chart renders as SVG rectangles inside a fixed 960×500 viewport, using D3 v5’s data join to append elements. The code omits vertical bar positioning, leaving the default y-coordinate, while the x-scale domain spans from zero to the maximum population.

Jjlspangl

Fork of Bar Chart using D3

This horizontal bar chart displays population figures for ten countries using a forked D3 example. The visualization maps country names to the y-axis with a band scale and population values to the x-axis with a linear scale. The code imports specific D3 modules like `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render SVG rectangles with steelblue fills. Axes are generated using D3’s axis components, with margins applied around the chart area.

Aalisha-zemoso

Fork of barGraph

This bar chart example loads population data from a CSV file with d3.csv and renders a static set of rectangles using D3’s selection and data-join methods. The code imports `select` and `csv` from D3 v5, appends a group element to an SVG, and binds the dataset to `rect` elements with fixed width and height attributes. The visualization displays each country’s population values from the 2022 column, though the chart does not scale the bars to the data values and only logs the country names and populations to the console.

MMaeva B

Fork of Let's Make a Face with D3.js!

This horizontal bar chart displays population figures for ten countries, with each bar’s length scaled linearly from zero to the maximum population. The visualization loads data from a CSV file using `d3.csv`, converts population values to thousands, and renders SVG rectangles with `scaleLinear` and `scaleBand` for positioning. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, while D3 v5’s selection and data-join methods bind the dataset to the graphic.

JJordan Arnold

Fork of Let's make a Bar Graph with D3.js

This bar chart displays population data for ten countries, with horizontal bars extending along a linear population scale and country names listed along the categorical axis. The visualization uses D3.js v7 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Population values from the CSV are multiplied by 1000, and bars are styled with a solid steelblue fill.

EEyeonly

Fork of Making A Bar Chart

This example displays a horizontal bar chart of population figures for the ten most populous countries, with each bar’s length proportional to its population value. The visualization uses D3 v7’s `scaleLinear` and `scaleBand` to map the data, and renders the chart as SVG elements created with `selectAll` and `enter()`. Population values are loaded from a CSV file and multiplied by 1000, with axes generated using `axisLeft` and `axisBottom`.

FFahad Bin Emran