Fork of SVG Starter

Fork of Fork of Making A Bar Chartbmnvmnvm

This bar chart displays the populations of ten countries using horizontal bars, with country names on the y-axis and population counts on the x-axis. It reads population data from a CSV and renders it as SVG rectangles with a steelblue fill. The visualization uses d3.csv, d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom to map data to scales and axes. The chart includes margins and padding between bars, with the y-axis containing country labels and the x-axis positioned at the bottom.

NNigel

Fork of Making A Bar Chart

This bar chart displays the population of ten countries, using horizontal bars where length corresponds to population size. Built with D3 v7, the visualization loads data from a CSV file and scales the population values by a thousand. The code employs d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and renders the chart as SVG with steelblue rectangles.

NNikithakatta30

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 bar chart displays population figures for ten countries in 2018, ordered alphabetically along the vertical axis with horizontal bars sized by population. The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the CSV data, with populations converted from thousands to absolute values. The SVG renders steelblue rectangles, and axes are appended to a translated group element. The page is styled with a plain CSS reset, and the chart loads data asynchronously via `d3.csv`.

NNukaShravanKumar

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

A horizontal bar chart displays population figures for nine countries, sourced from an embedded CSV file. The bars render as SVG rectangles, with each country's population scaled linearly along the x-axis and country names positioned using a band scale on the y-axis. The code uses d3.csv to load the data, d3.scaleLinear for the width mapping, d3.scaleBand for categorical spacing, and d3.select to append the rectangles.

Mminaadel6600

Fork of Fork of Bar Chart

This horizontal bar chart visualizes the top 10 countries by population, using a steelblue SVG canvas. The chart maps country names to the y-axis with a band scale and population to a linear x-axis. Rendered using D3 v6, the code loads data from a CSV file and applies `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot. Rectangles are appended to the SVG group, with their widths and positions derived from the scaled data values.

Sshikharpa