Bar chart

100%

✓ Published0🌍 Public

Last edited Aug 4, 2020

Created on Aug 4, 2020

This bar chart displays the area of seven continents, using green bars on a white background with labeled axes. The chart is built with D3 v5, loading data from a CSV file and rendering as SVG. The visualization uses `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, with axes generated by `axisLeft` and `axisBottom`. The bars are positioned via the `x` and `y` attributes, with heights calculated relative to the inner chart area.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar chart

This bar chart displays the populations of seven global regions using a horizontal layout, with the population values loaded from a CSV file and formatted in billions. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map data to SVG rectangles, while `axisLeft` and `axisBottom` generate the chart’s axes. The code also demonstrates DOM manipulation through D3 selections, appending elements, and applying attributes. A title and axis label are added via SVG text elements, and the styling is handled through an external CSS file.

Kkavi-kumaran

87% match

Loading thumbnail…

Bar chart

This bar chart displays the population of seven global regions using circles scaled along a linear axis, with country names on a point scale. Built with D3 v5, the visualization loads data from a CSV file, converts population values, and renders SVG elements. It uses `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `tickFormat` to format values in billions, while custom margins and axis styling enhance readability.

Kkavi-kumaran

85% match

Loading thumbnail…

Bar Chart Practice

This bar chart displays population totals for six global regions, with labeled horizontal bars ordered by continent. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map continent names to y-positions and population counts to bar widths, while `d3.csvParse` ingests inline CSV data sourced from Wikipedia 2021. Text labels, formatted with `d3.format`, appear beside each bar, and the SVG is rendered with static `<rect>` elements.

Mmkwvonmkwson

82% match

Loading thumbnail…

bar chart

This bar chart visualizes the population of continents in 2018, with population values and percentage shares for each region. The chart is rendered as an SVG using D3 v5, with data parsed from an embedded CSV string via `d3.csvParse`. The visualization displays six inhabited continents plus Antarctica, showing the dominance of Asia and Africa in global population distribution. The code defines the SVG dimensions and imports the CSV data, though the actual bar drawing logic is not present in the visible source files.

Wwangqin2215

81% match

Loading thumbnail…

Bar charts time

This example shows the population of each continent in 2018 using horizontal bar charts, drawn as SVG rectangles with a blue fill and pink stroke. The bars are ordered by continent name and scaled linearly by population, with a total population axis label at the bottom. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format`, reading data from `data.csv`. The chart includes a large title text and gridlines generated by the axis tick marks.

Vvsalas20

81% match

Loading thumbnail…

Making a Bar Chart

The bar chart displays population figures for continents in 2018, with animated horizontal bars that grow to their final widths. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map population values to bar lengths and continent names to vertical positions, while `d3.transition` animates the bar growth. Numeric labels showing continent names and comma-formatted populations are positioned above each bar using `d3.format`. Data comes from a CSV string parsed with `d3.csvParse`, and the chart is rendered as SVG elements within a fixed 960×500 canvas.

NNita

81% match

Loading thumbnail…

bar

A horizontal bar chart displays population counts for six countries, with bars scaled linearly and labeled by country name. The visualization loads data from a CSV file and renders it as SVG rectangles with steelblue fill. Built with D3 v5, it uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, appending axes and bars to a grouped SVG element within a 960×500 viewport.

HHillKinsh

80% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the populations of several global cities, with each bar’s length representing a city’s population. The visualization uses D3 v7 to load a CSV file, then applies `scaleLinear` for the x-axis population scale and `scaleBand` for the y-axis city categories. SVG rectangles are appended and sized using these scales, with `axisLeft` and `axisBottom` rendering the labeled axes. The chart is styled with steelblue fills and a fixed 960×500 SVG canvas.

Ssheafallick

80% match