Dashboard of World Population

100%

Dashboard of World Population

✓ Published0🌍 Public

Last edited Mar 6, 2020

Created on Feb 24, 2020

Forked from Dashboard of World Population

The dashboard presents the total population of the top ten most populous countries, sourced from World Bank data, using three synchronized views: a bar chart, a scatter plot, and an interactive line chart. The line chart, built with D3's `scaleTime`, `scaleLinear`, and `scaleOrdinal`, allows users to select a specific country to view its population trend over time. The bar and scatter visualizations use `scaleBand`, `scalePoint`, and `scaleLinear` to encode country rankings and population values. All charts are rendered as SVG elements with a consistent color scale from `d3-scale-chromatic`, and the line chart includes animated transitions.

AI-generated description

Simple dashboard consists of different charts showing the population of top ten countrie over the years.Data is taken from World Bank (https://data.world/worldbank/total-population-per-country/workspace/file?filename=POP_TOTAL_DS2_en_v2.csv)

MIT Licensed

Similar vizzes

Loading thumbnail…

Dashboard of World Population

This dashboard visualizes the population of the top ten countries, showing both a bar chart and a scatter plot of the most recent population figures alongside an interactive line chart that displays population trends over time. Users can select a country from a dropdown menu to focus on its historical data. Built with D3.js, it uses `scaleLinear`, `scaleBand`, and `scalePoint` to render SVG elements, with animation supported. The population data originates from the World Bank and spans from 1960 onward.

AAfnan Nazir

95% match

Loading thumbnail…

Testing out dashboard stuff

A dashboard displays the population of the top ten most populous countries using a bar chart and a scatter plot, with data sourced from the World Bank. The bar chart uses `d3.scaleBand` and `d3.scaleLinear` to show population values, while the scatter plot employs `d3.scalePoint` for country categories. Both are rendered as SVG elements with D3 axes. A color legend is created with `d3.scaleOrdinal` and `schemeCategory10`. The visualization includes an interactive dropdown for selecting a country, though the line chart it targets is not currently rendered.

Wwmielke

84% match

Loading thumbnail…

Bar Chart D3

This bar chart displays the populations of the top 10 most populous countries, using data from the 2018 United Nations World Population Prospects estimate. The visualization demonstrates customized axes, employing d3.scaleLinear for the population values and d3.scaleBand for country categories, with d3.axisBottom and d3.axisLeft for tick marks. Rectangles render the bars in SVG, with population numbers formatted using d3.format and scaled to thousands. The chart also removes axis domains and tick lines, and appends custom labels for the title and x-axis.

SSophia Cofone

84% match

Loading thumbnail…

BAR CHART

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 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom`. Axes are customized with tick formatting that converts values to billions (e.g., replacing "G" with "B") and removed domain lines. Population data is loaded from a CSV file and multiplied by 1000.

Ccocktaildata

83% match

Loading thumbnail…

Bar Chart

This bar chart displays the populations of the ten most populous countries in 2020, drawn from the World Population Prospects dataset. Each country is listed on the vertical axis, with horizontal bars extending to represent population size in millions. The visualization uses D3 v6 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map data to an SVG canvas. The chart’s layout applies margins to position the axes, and the bars are rendered as rectangles with a steelblue fill.

YYash Goyal

83% match

Loading thumbnail…

Bar Chart

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 v5 with SVG rendering, employing `scaleLinear` and `scaleBand` for the axes, with a customized x-axis that formats values in billions. The chart includes a title, axis label, and horizontal grid lines.

RRenato Francia Castillo

83% match

Loading thumbnail…

bar chart

This horizontal bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization loads data from a CSV file using `d3.csv`, then renders SVG bars with `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values. Axis labels and tick formatting use `d3.axisLeft`, `d3.axisBottom`, and `d3.format` to abbreviate population numbers in billions. The chart includes a title, axis label, and custom margins.

Ttkreglhn

83% match

Loading thumbnail…

Bar chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from World Population Prospects. The chart uses a horizontal layout with a linear scale for population values and a band scale for country names. The visualization is built with D3 v6, using `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data and render SVG rectangles. Each bar’s length reflects population in thousands, with steel-blue fills and labeled axes.

BbeauMarko

83% match