Skip to main content
SimilarExport ZIP
100%

Fork of Making a bar chart

✓ Published0🌍 Public
Mmythili
Last edited Dec 11, 2022
Created on Dec 11, 2022
Forked from Making a bar chart

This horizontal bar chart ranks the world’s ten most populous countries, using D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to map population values and country names. The SVG rendering reads `data.csv` and formats axis ticks with `format('.3s')`, replacing “G” with “B” for billions. Bars are styled steelblue, while axis labels and the title are set via CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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
92% match
Loading thumbnail…

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
91% match
Loading thumbnail…

Making a bar chart

This example shows a horizontal bar chart ranking the world’s ten most populous countries, with population values labeled in billions and a steel-blue fill for each bar. It uses D3 v5’s `csv` loader to import data, `scaleLinear` and `scaleBand` for positioning, and `axisBottom` with a custom tick formatter that converts G to B. The SVG rendering includes margins, a title, and an axis label, demonstrating core DOM manipulation through `select` and `append`.

Nnouralkhoury
91% match
Loading thumbnail…

Fork of Making a Barchart

This horizontal bar chart ranks the populations of the ten most populous countries, using D3’s `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. The SVG render loads data from `data.csv`, multiplies each population value by 1000, and draws steelblue rectangles via D3’s `selectAll` and `enter`. Axis ticks are generated with `axisLeft` and `axisBottom`.

VVineela Reddy
91% match
Loading thumbnail…

Fork of Making a Bar Chart22

This bar chart displays population figures for ten countries from a CSV file, using horizontal bars sorted by country name. The visualization is built with D3 v5 and rendered as SVG, employing `scaleLinear` for the population axis and `scaleBand` for categorical spacing. The code loads data via `d3.csv`, transforms population values to numbers, and draws axes with `axisLeft` and `axisBottom`. Bars are appended as rectangles with widths proportional to population, styled with steelblue fills and a custom margin layout.

Ggaowxx@qq.com
91% match
Loading thumbnail…

Fork of Making a Bar Chart22

This bar chart displays population figures for ten countries from a CSV file, using horizontal bars sorted by country name. The visualization is built with D3 v5 and rendered as SVG, employing `scaleLinear` for the population axis and `scaleBand` for categorical spacing. The code loads data via `d3.csv`, transforms population values to numbers, and draws axes with `axisLeft` and `axisBottom`. Bars are appended as rectangles with widths proportional to population, styled with steelblue fills and a custom margin layout.

Ggaowxx@qq.com
91% match
Loading thumbnail…

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
91% match
Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart visualizes the populations of the top ten most populous countries using D3 v5, with data loaded from a local CSV file. It renders as an SVG, using the `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` APIs to construct the plot. The chart displays a title, an x-axis labeled "Population" with tick formatting that abbreviates large numbers (e.g., converting G to B), and steelblue bars representing each country's population, where values are multiplied by 1000 from the source data.

PPreethamreddyannavaram@my.unt.edu
91% match