Fork of Making a Bar Chart

100%

Fork of Making a Bar Chart

✓ Published0🌍 Public

Last edited Jun 1, 2021

Created on Jun 1, 2021

This bar chart displays the relative importance of ten economic features, with each bar’s length proportional to its value. The data originates from a 2018 United Nations population estimate, though the chart itself uses a dataset of feature proportions. Rendered as an SVG using D3 v5, the visualization employs `d3.csv`, `scaleLinear`, and `scaleBand` to map values and categories. Axes are generated with `axisLeft` and `axisBottom`, while bars are appended as `rect` elements styled with steelblue fill. The chart includes a title and labeled axes for clarity.

AI-generated description

This bar chart shows population of 10 most populos countris.The data comes from the year 2018 estimate in United Nations:World Population Prospects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Making a Bar Chart

This fork of a bar chart visualizes the population of ten countries using data from the United Nations’ 2017 World Population Prospects. The chart uses d3.scaleLinear and d3.scaleBand to map population values to horizontal bar lengths and country names to the vertical axis. Rendered as SVG, it applies axis functions from d3, and the data is loaded from a CSV file. The bars are styled with a steelblue fill.

SshanLU999

83% match

Loading thumbnail…

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

82% match

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of ten vital-sign indicators, showing both positive and negative values from a 2018 United Nations-derived dataset. Using D3 v5, the visualization renders SVG rectangles with a linear scale for population values and a band scale for categorical labels, while customizing the axis formatting with abbreviations. The data is loaded from a CSV file via d3.csv, and the chart includes an x-axis label and title that are currently left empty.

KKhushiSureshLakshmi

82% match

Loading thumbnail…

Fork of Making a Bar Chart

A horizontal bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart emphasizes customization of D3 axes, removing domain lines and applying a tick formatter that converts values to abbreviated units like "B" for billions. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles, with labels for the title and x-axis.

SShalin Shah

82% match

Loading thumbnail…

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

82% match

Loading thumbnail…

Fork of Making a Bar Chart

MMajaha21

82% match

Loading thumbnail…

Fork of Fork of Making a Bar Chart

A horizontal bar chart displays the population of the ten most populous countries, with values from a 2018 United Nations estimate scaled by a factor of one thousand. The visualization uses d3.csv to load the dataset, then applies d3.scaleLinear for the x-axis and d3.scaleBand for the categorical y-axis. SVG rectangles are bound to the data, and axes are rendered using d3.axisLeft and d3.axisBottom, with the chart drawn within a fixed 960×500 SVG viewport.

DDINESH SAI BOPPANA

82% match

Loading thumbnail…

Fork of Making a Bar Chart

This example shows a horizontal bar chart of population figures for ten countries, with each bar’s length proportional to its value and country names on the y-axis. The chart uses D3 v5’s `csv`, `scaleLinear`, and `scaleBand` to map the data, along with `axisLeft` and `axisBottom` for labeled scales. Bars are rendered as SVG `rect` elements, colored steelblue via CSS, with margins set around a 960×500 viewport. The data comes from a CSV file listing country and population in thousands.

Ggaowxx@qq.com

82% match