Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
AAdamFrankWhite
Last edited Mar 5, 2020
Created on Mar 3, 2020
Forked from HTML Starter

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.

AI-generated description

Source: United Nations Educational, Scientific and Cultural Organization (UNESCO), Montreal, the UNESCO Institute for Statistics (UIS) statistics database, last accessed March 2019

MIT Licensed

Similar vizzes

Loading thumbnail…

The ratio of students in the country (Primary Education)

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.

RRochelle
81% match
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
79% 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
76% 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
75% 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
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…

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
70% match
Loading thumbnail…

PISA visualization for math's grade

A stacked bar chart compares average math scores across countries, segmented by parents' highest education level (ISCED categories). It uses d3.stack, d3.scaleBand, and d3.scaleLinear to render SVG bars, with color encoding via d3.scaleOrdinal. Hovering reveals a tooltip with the country’s score breakdown per education level, sourced from CSV data on father’s, mother’s, and combined parental education.

RRuchita7
70% match