Skip to main content
SimilarExport ZIP
100%

Making a Bar Chart

✓ Published1🌍 Public
Tthomaslarkin7
Last edited Feb 4, 2020
Created on Feb 3, 2020
Forked from React Starter

This bar chart displays the lengths of the ten longest rivers in the world, using data attributed to World Atlas. Horizontal bars represent each river, sorted by length with the Nile as the longest. The visualization is built with D3 v5, using `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` for the axes. Data is loaded from a CSV file, and all elements are rendered as SVG rectangles with steel-blue fills.

AI-generated description

This bar chart shows the length of the 10 longest rivers in the world. Data is attributed to World Atlas.(https://www.worldatlas.com/articles/which-are-the-longest-rivers-in-the-world.html)

MIT Licensed

Similar vizzes

Loading thumbnail…

making a Bar chart

This bar chart displays the populations of the world’s ten most populous countries, with each bar’s length scaled linearly to population and ordered alphabetically by country. The visualization uses D3 v5’s `csv` loader to parse the data, `scaleLinear` and `scaleBand` for the x- and y-axes, and `axisLeft` and `axisBottom` to render the scales. Bars are drawn as SVG `<rect>` elements with a steelblue fill, and margins create labeled axes within the 960×500 viewport.

Ffra-alaimo
77% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the world’s ten most populous countries, with each bar’s length proportional to its value. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Data is loaded from a CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`. The chart applies a fixed margin layout and styles the rectangles with steelblue fill.

GGino Dzin
76% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, sorted alphabetically along the vertical axis with bar lengths proportional to population values. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` to render the axes. Data is loaded from a CSV file via `d3.csv`, with population values converted from thousands to absolute numbers. The SVG rendering is structured with margins, and bars are drawn as `rect` elements filled with steelblue.

CChip
75% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, with horizontal bars ordered by country name and sized proportionally to each nation’s population in thousands. The visualization uses D3 v5’s `csv` to load data, `scaleLinear` for the x-axis, `scaleBand` for categorical y-axis positioning, and `axisLeft`/`axisBottom` to render ticks. Bars are drawn as SVG rectangles filled with steel blue, while margins frame the chart on a 960×500 canvas.

Jjhofang
75% match
Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of the ten most populous countries, with each bar’s length scaled to its population value, read from a local CSV file. Built using D3 version 6, the visualization uses `d3.csv` to load and parse the data, `d3.scaleLinear` and `d3.scaleBand` for the x- and y-axes, and `d3.axisLeft` to render the country labels. The bars are drawn as SVG rectangles within a 960×500 canvas, with margins defining the plot area.

Jjakenachlas
75% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, with each bar’s length proportional to the population value. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for tick marks. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles styled with a steelblue fill.

Eexistentialist1888
75% match
Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays population counts for ten countries, sorted alphabetically by country name. Each bar’s length is scaled linearly from zero to the maximum population, while the y-axis uses a band scale for country labels. The visualization is built with D3 v5, using `d3.csv` to load data, `scaleLinear` and `scaleBand` for axes, and SVG rectangles for bars. The chart includes left and bottom axes generated with `axisLeft` and `axisBottom`.

MMei
75% match
Loading thumbnail…

Bar Chart

This bar chart displays the ten most populous countries using a horizontal layout, with each bar’s length proportional to population data loaded from a CSV file. The visualization uses D3 v5’s `csv` loader and `scaleLinear`/`scaleBand` to map values, while `axisLeft` and `axisBottom` generate labeled axes with a custom tick formatter (converting large numbers to abbreviated forms). Bars are rendered as SVG `rect` elements, with a red fill and a title annotation, all styled via external CSS.

NNaveenaS12
75% match