Skip to main content
SimilarExport ZIP
100%

test Een collectie zonder Indonesië

✓ Published1🌍 Public
MManoukK
Last edited Nov 22, 2019
Created on Nov 22, 2019

This bar chart displays the population of the top 10 most populous countries, omitting Indonesia from the dataset despite its inclusion in the source data. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` for the y and x axes respectively. Data is loaded from a local CSV file using `csv`, and the chart customizes axes with rotated labels and red tick marks. The bars are drawn as `rect` elements, with the y-axis inverted using a range of `[innerHeight, 0]`.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

test Een collectie zonder Indonesië

This visualization uses an embedded dataset to plot time-series bars showing the count of objects per 15-minute interval on November 5, 2019. The chart emphasizes a collection without Indonesia, though no country data is present in the displayed values. Rendered as SVG, it uses D3 v5 functions including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to map timestamps and counts, with rotated axis labels for clarity. The bars are drawn using `g.selectAll('rect')` with fixed width, and data comes from a hardcoded array in the script.

BBhojarajHG
86% match
Loading thumbnail…

Visualization

This bar chart displays the population of the top ten most populous countries, using a horizontal layout with population values on the x-axis and country names on the y-axis. The visualization is built with D3 v7, using `scaleLinear` and `scaleBand` for the axes, while `axisLeft` and `axisBottom` generate the tick marks. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with the population values converted from thousands to absolute numbers.

AAuliaAmirullah15
80% match
Loading thumbnail…

Een collectie zonder Indonesië

This bar chart displays the number of objects in a museum collection per category, excluding items from Indonesia, with bars colored by continent and selectable via radio buttons. It uses D3 v5 to query a SPARQL endpoint from Netwerk Digitaal Erfgoed, fetching data about world cultures, and renders the results as an SVG with custom axes. The chart rotates category labels and applies a color palette based on continent values.

MManoukK
79% match
Loading thumbnail…

Bar chart

This bar chart displays the population of the top 10 most populous countries, with horizontal bars sorted by country name. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values and country labels. Data is loaded from a local CSV file and rendered as SVG rectangles, with axis tick labels formatted using D3’s `format` function. The chart includes a title, axis label, and gridlines via `tickSize`.

BbeauMarko
79% match
Loading thumbnail…

A Bar chart with D3.js!

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. It uses D3.js v5 with an SVG rendering approach. The code loads data from a CSV file, scales the population values linearly on the x-axis and uses a band scale for the categorical country labels on the y-axis. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, while bars are appended as SVG rectangles with a steelblue fill.

AAnderson Banihirwe
78% match
Loading thumbnail…

Test svg

This bar chart displays the population of the ten most populous countries, with horizontal bars sorted by country name. The visualization uses D3 v5 to load data from a CSV file, scale the population values linearly, and render the chart as an SVG. The code applies `scaleBand` for the categorical country axis and `scaleLinear` for the population axis, while `axisLeft` and `axisBottom` generate the tick marks and labels. Bars are drawn as SVG rectangles with a steelblue fill, and the chart includes margins and a rescaled population axis.

EErik Rudhe
78% match
Loading thumbnail…

Making a bar chart

This chart visualizes the top 10 most populous countries using a custom bar chart built with D3.js. Each country is represented by a filled circle, with its horizontal position and radius encoding population size. The vertical axis lists country names, and the horizontal axis displays population counts in billions. The chart uses `scaleLinear` and `scalePoint` for scales, along with `axisLeft` and `axisBottom` for axes, with data loaded from a CSV file and rendered as SVG.

Ss-janibekova
78% match
Loading thumbnail…

make a bar chart!

This bar chart displays the top 10 most populous countries, with population values derived from the CSV data and rendered as an SVG. The visualization uses D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for categorical y-axis, with `axisLeft` and `axisBottom` for axes and tick formatting via `format('.3s')`. The chart includes a title, axis label, and steel-blue bars, with the data loaded asynchronously from `data.csv` using D3’s `csv` function.

YYongbobloomington
78% match