Skip to main content
SimilarExport ZIP
100%

The ratio of students in the country (Primary Education)

✓ Published1🌍 Public
RRochelle
Last edited Sep 30, 2021
Created on Sep 29, 2021

This visualization shows the ratio of students in primary education across countries, with bars sorted in descending order to highlight the highest ratios. A bar chart rendered with SVG uses D3 v7’s `scaleBand` and `scaleLinear` to position and size the rectangles, while `d3.axisBottom` and `d3.axisLeft` display the country-year labels and ratio scale. The data is loaded from a CSV file sourced from the Global Economy and tidytuesday dataset, with bars colored steelblue and axis labels added via SVG text elements.

AI-generated description

A demonstration of how to start using D3 version 6.

The original data is shown in https://www.theglobaleconomy.com/rankings/Preprimary_school_enrollment/ Someone consolidated the dataset. So I download the dataset from github https://github.com/rfordatascience/tidytuesday/tree/master/data/2019/2019-05-07

MIT Licensed

Similar vizzes

Loading thumbnail…

The ratio of students in the country bar plot

This bar plot shows the student-to-teacher ratio for every country-year pair in a global education dataset. Each vertical bar represents one country-year combination, with bar height mapped to the ratio value, while the x-axis lists concatenated country codes and years. The visualization uses D3 v7’s `scaleBand` and `scaleLinear` to position and size rectangles, and loads data from a CSV file via `d3.csv`. The data originates from the Global Economy rankings and was consolidated through a TidyTuesday GitHub repository.

RRochelle
88% match
Loading thumbnail…

Pupil-Teacher Ratio by Country (UN Stats), using D3.js

This bar chart displays the pupil-teacher ratio in secondary education for each country in 2015, sourced from UNESCO data. The visualization uses D3.js to create the SVG graphic, sorting countries by ratio and rendering them as horizontal bars. Specific D3 APIs include `csv` for data loading, `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for chart scaling, with the final rendering handled via SVG `rect` elements.

AAdamFrankWhite
81% match
Loading thumbnail…

D3 Scatter Plot for Education rate of Student

This D3 scatter plot shows the student-to-teacher ratio across different countries over time, with each circle representing one country-year observation. The data comes from the Global Economy rankings via a tidytuesday GitHub dataset, loaded as CSV with d3.csv. The visualization uses d3.scaleLinear for both the x-axis (year) and y-axis (student ratio), along with d3.axisLeft and d3.axisBottom to render the axes. Circles are drawn in SVG with semi-transparent fills, positioned using the projected coordinates from the scales.

RRochelle
79% match
Loading thumbnail…

Student to Teacher Ratios - Ratio by Education Type

This visualization displays student-to-teacher ratios across different education types as a scatter plot, with each dot representing a country positioned by education category and ratio value. The points use partial opacity to reveal data density, while tooltips identify outlier countries by name. Built with the Vega-Lite API on top of D3.js, the chart loads CSV data from a Tidy Tuesday dataset and uses a custom configuration to adjust axis and label styling.

Vvwm
76% match
Loading thumbnail…

Scatterplot of Primary, Secondary, and Tertiary Schools

A scatterplot maps countries’ education statistics from a UN dataset on primary, secondary, and tertiary enrollment. Each circle’s vertical position represents the enrollment count, while its horizontal position corresponds to the education level, using a linear scale for the count and a point scale for the categorical level. The visualization is built with D3 v6, using `scalePoint` and `scaleLinear` to position marks, and `axisLeft` and `axisBottom` for chart axes. The code loads data via `d3.csv` and renders circles as SVG elements.

LLilly-beth Linnell
75% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the students-to-staff ratio for various countries, with each red circle representing a country's ratio plotted against the country name on the x-axis. The D3 v7 code loads CSV data from a GitHub Gist, then uses `d3.scaleBand` and `d3.scaleLinear` to map country names and ratios to SVG coordinates. Axis labels and rotated tick text clarify the chart, with the y-axis showing the ratio and the x-axis listing countries.

Ssagamreddy929@gmail.com
73% match
Loading thumbnail…

Scatter Plot

This scatter plot shows the Students to Staff Ratio for universities across different countries. It uses D3.js (version 7) with an SVG rendering approach to display each country as a red circle, positioned along a categorical x-axis for country names and a linear y-axis for the ratio values. The code loads data from a CSV file via a GitHub gist URL, and employs D3's `scaleBand` and `scaleLinear` functions to map the data coordinates, along with `d3.axisLeft` and `d3.axisBottom` to generate the axes.

Vvinodreddysagam929@gmail.com
72% match
Loading thumbnail…

Basic Bar Chart - Country Population

This example shows a horizontal bar chart comparing the populations of ten countries, using a static SVG rendering with D3 v5. It loads data from a CSV file and maps each country’s population to a bar’s width via a linear scale, while a band scale positions countries along the y-axis. The code explicitly uses d3.csv, d3.scaleLinear, d3.scaleBand, and d3.axisLeft/axisBottom to construct the visualization. Bars are drawn as SVG rect elements, and axes are appended to a translated group, with a steelblue fill applied via CSS.

11995ana
72% match