Skip to main content
SimilarExport ZIP
100%

test Een collectie zonder Indonesië

✓ Published1🌍 Public
BBhojarajHG
Last edited Nov 25, 2019
Created on Nov 25, 2019

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.

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 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]`.

MManoukK
86% 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
80% match
Loading thumbnail…

testing

A horizontal bar chart displays the count of data entries per country from a CSV file, filtering for China, Indonesia, and Russia. The visualization uses a linear scale for bar widths and a band scale for vertical positioning, with axes rendered via `d3.axisLeft` and `d3.axisBottom`. The SVG is populated by `d3.select` and `d3.csv`, while `d3.max` sizes the scale domain. Bars are filled with steel blue, and the chart updates dynamically from the parsed dataset.

SSantiagopc30
70% match
Loading thumbnail…

testing

This bar chart displays the number of entries per country from a CSV file with date records. It uses D3 v5’s `csv` loader, `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `axisLeft`/`axisBottom` to render the axes. The SVG rendering filters the data to China, Indonesia, and Russia, counting matching rows for each bar, which are styled with steelblue fill.

BBarryC7
69% match
Loading thumbnail…

Untitled

This radial bar chart displays the values of a single numeric variable for each country in a dataset loaded from a CSV file. Each bar extends outward from a central inner radius, with its length proportional to the country’s value, and labels are rotated around the circle for readability. The visualization uses d3.scaleBand for angular positions, d3.scaleRadial for radial distances, and d3.arc to draw the bar segments as SVG paths. The chart is rendered in an SVG container, with margins and dimensions defined in the script.

AAnissa Belkelfa
68% match
Loading thumbnail…

Proberen eigen data te renderen

This example displays a horizontal bar chart of country populations. The chart uses a dark red fill for the bars and includes axis labels. The code attempts to fetch data from the RDW open data API but ultimately renders from a local CSV file, mapping the population values to the bar widths. It utilizes D3 v5 functions like `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the visualization within an SVG element.

Rralfz123
68% match
Loading thumbnail…

Untitled

This visualization displays the first 20 countries from a COVID-19 dataset, showing their reported case counts as horizontal bars. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the numeric case count axis, rendering SVG rectangles. The data is loaded asynchronously via `d3.csv` from a GitHub gist, with tick marks and labels generated manually from the scale domains.

Bblikitha
68% match
Loading thumbnail…

Making a bar chart with D3.js!

This example demonstrates a simple bar chart visualization of population data for several countries, including China, Indonesia, Pakistan, Bangladesh, and Mexico. The chart is rendered as an SVG element with fixed dimensions, and the data is loaded from a CSV file. The code uses D3.js version 5.9.2, specifically the `select` and `csv` functions to manipulate the SVG and parse the data file. The bars are styled with a steelblue color via CSS.

GGray1011
68% match