Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published1🌍 Public
Rradiohead-lgl
Last edited Sep 9, 2021
Created on Sep 9, 2021

This bar chart displays the population of the top ten most populous countries, using data from the World Population Prospects 2017. It encodes population on a linear scale and country names on a band scale, rendering horizontal bars with SVG. The visualization is built with D3 v7, using `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data and draw axes. Rectangles are appended to a grouped SVG element, with the x-axis positioned at the chart’s inner height.

AI-generated description

data:World Population Pro spects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This bar chart displays the population of the top 10 most populous countries, sourced from the World Population Prospects 2017 dataset. The visualization uses d3.scaleLinear and d3.scaleBand to map population values and country names to SVG rectangles, with axes formatted via d3.axisLeft and d3.axisBottom. Population numbers are converted from thousands using the d3.format module, and the chart is rendered entirely with SVG elements.

Rradiohead-lgl
97% match
Loading thumbnail…

Untitled

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 demonstrates custom D3 v4 axis styling, including hidden x-axis path lines and percentage-formatted y-axis ticks. The SVG visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and handles window resizing by redrawing the chart with `getBoundingClientRect`. Data is loaded from a TSV file, with hover effects changing bar color to pink.

Jjhansi
91% match
Loading thumbnail…

Untitled

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 builds on a basic bar chart example and demonstrates customization of D3 axes. The visualization uses d3.v4 to create SVG rectangles, with bar width calculated from the dataset length and bar height proportional to population values. The chart’s background is styled via CSS, and the code includes a simple dataset array of nine values for illustration.

CClair Sun
91% match
Loading thumbnail…

Untitled

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The visualization uses D3 v4 to render SVG rectangles and axes, with data loaded from a CSV file. The code includes commented-out interactive features like mouseover tooltips and hover effects, though the active script also draws a separate line path using `d3.line` with hardcoded points. The chart is styled with custom CSS for layout and tooltip formatting.

Jjl-tan
91% match
Loading thumbnail…

Untitled

A horizontal bar chart displays the population of the ten most populous countries, with values scaled by one thousand. The visualization uses D3 version 6's `scaleLinear` and `scaleBand` to map population counts to bar widths and country names to vertical positions. Data is loaded from a CSV file and rendered as SVG rectangles within a chart area offset by specified margins.

++/+
91% match
Loading thumbnail…

Untitled

This chart displays the populations of the ten most populous countries, ordered along the y-axis with bars scaled by population value. The code loads data from a CSV file and uses D3 v6’s `csv`, `scaleLinear`, `scaleBand`, and `axisBottom` functions. Each bar's width maps to the population, with the x-axis formatted in billions. The SVG is rendered with a dotted green outline on rectangles and custom font styling.

Bbicyclecode
91% match
Loading thumbnail…

Untitled

A bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. Horizontal bars encode population with a linear scale, while country names appear on the y-axis. The visualization is built with React, using `d3.csv` for data loading, `scaleBand` and `scaleLinear` for scales, and SVG rectangles for rendering. Tooltips show formatted population values, and axis labels are drawn as SVG text.

JJiapengFan
90% match
Loading thumbnail…

Untitled

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization uses D3’s `select` and `csv` to load data and render the chart. It customizes D3 axes with styled tick lines, tick text, and an axis label, while the CSS applies a steelblue fill to rectangles and adjusts font sizes for clarity. The title and axis annotations are positioned with D3’s selection methods, demonstrating a polished, readable bar chart.

DD2552
90% match