Testing out dashboard stuff

100%

Testing out dashboard stuff

✓ Published2🌍 Public

Last edited Apr 10, 2021

Created on Apr 10, 2021

Forked from Dashboard of World Population

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.

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…

Fork of Testing out dashboard stuff

A dashboard displays population data for the top ten countries, combining a bar chart and a scatter plot to rank and compare current populations. Built with D3.js, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scalePoint` for the charts, styled with SVG elements. Data is drawn from the World Bank's total population per country dataset, with axis ticks formatted using `d3.format`. The bar chart and scatter plot share the same color scheme, with a color legend for reference.

AAamir Hameed mir

91% match

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

86% match

Loading thumbnail…

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.

Mmab3105

84% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the top ten most populous countries, using horizontal bars ordered by population from largest to smallest. The visualization is rendered as an SVG using D3 v5, with data loaded from a CSV file. It employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis categories, and `d3.axisLeft` and `d3.axisBottom` to generate the axes. The chart’s bars are appended via a data join, with steelblue rect elements and labeled text.

Ccheeson

81% 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

81% match

Loading thumbnail…

Scatter Plot w/ D3

This scatter plot displays the top 10 most populous countries in 2018 using data from World Population Prospects, with each point’s x-position representing population and y-position representing country. The visualization uses D3 v7 with `scaleLinear` for population and `scalePoint` for country categories, rendering circles as SVG elements. The code applies `axisBottom` and `axisLeft` with custom tick formatting via `format('.3s')` to abbreviate population values. Axis lines are removed, and gridlines extend across the plot. Population data is loaded from a CSV file and multiplied by 1000 to reflect actual values.

GGabe Nascimento

80% match

Loading thumbnail…

Making a 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. The visualization uses D3 v5 with SVG rendering, featuring a linear scale for population values and a band scale for country names. The code demonstrates custom axis configuration through `axisLeft` for the categorical country labels and `axisBottom` for the quantitative population scale, with data loaded from a CSV file using D3’s `csv` method.

Ccharliemok

80% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, with countries on the y-axis and population on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the categorical and quantitative data, with values loaded from a CSV file. Rendered as an SVG, the chart features hot pink bars, a light blue axis with dashed gridlines, and a green title, all styled via an external CSS file.

MMunTatt Yap

80% match