Scatterplot of Primary, Secondary, and Tertiary Schools

100%

Scatterplot of Primary, Secondary, and Tertiary Schools

✓ Published0🌍 Public

Last edited Sep 29, 2021

Created on Sep 20, 2021

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.

AI-generated description

A scatterplot using the UN Primary, Secondary, and Tertiary Education dataset. The circles represent the country, while the position of the circles represent the number of students enrolled (y-axis) and whether they were enrolled in primary, secondary, or tertiary education (x-axis).

Issues: It didn't work, I think I just haven't gotten the scalePoint correct and I needed to intrduce maybe color between boys versus girls.

MIT Licensed

Similar vizzes

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

78% match

Loading thumbnail…

Scatter plot

This scatter plot uses a point scale for the y-axis and a linear scale for the x-axis to display top countries by population. D3 v5 functions like `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` are used to render the SVG circles and axes. The chart reads from a CSV file, though the example uses dummy school data in place of the expected population dataset. The y-axis is labeled with school names while the x-axis shows population values, with axis labels and ticks styled via CSS.

Aarths-glitch

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

77% match

Loading thumbnail…

D3 Scatter Plot - Postsecondary Schools

A scatter plot displays the geographic coordinates of postsecondary schools across the US, with each point representing an institution’s X and Y location. The visualization includes labeled x- and y-axes, and the plot fills the entire browser window. Built with D3 v6, the code loads CSV data from a GitHub Gist, parses the coordinates as numbers, and uses `scaleLinear` to map the data to screen positions. Circles are rendered via SVG, with axes generated using `axisLeft` and `axisBottom`.

PPhilip Rago

75% match

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

75% match

Loading thumbnail…

Scatterplot - Internet Access by Mean Years of Schooling

This scatterplot shows the relationship between the percentage of a country’s population with internet access and its mean years of schooling, using data from the HDR2014.csv file. Each point represents a country and is colored by region. The visualization uses d3.csv to load the data, d3.scale.linear for the axes, and d3.svg.axis to render them. Circles are sorted and animated with a transition that increases their radius. Hovering reveals tooltips with country-specific details via SVG title elements.

DDanielleW

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

74% match

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot visualizes the relationship between two variables from the MA_Public_Schools_2017.csv dataset, with each point representing a school. Using D3 v4 with SVG rendering, the plot maps one metric to the x-axis and another to the y-axis, with axes automatically scaled from the data. The chart is intentionally minimal, focusing on showing the distribution and correlation of the selected variables across schools. The code from HawkinsJM loads the CSV and uses D3 scales to position circles, providing a straightforward example of how to construct a basic scatter plot with D3.

HHawkinsJM

74% match