Skip to main content
SimilarExport ZIP
100%

Scatterplot - Internet Access by Mean Years of Schooling

✓ Published0🌍 Public
DDanielleW
Last edited Apr 19, 2015
Created on Apr 19, 2015

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.

AI-generated description

Similar vizzes

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…

Loading My CSV Data with D3

This visualization loads a CSV of 2014 Human Development Index data and renders it as a scatterplot using D3 v3 with SVG. Each country is represented by a circle plotted by Life Expectancy on the x-axis and Mean Schooling on the y-axis, with country size encoding GNI per capita. Points are colored by region (Europe, Asia, North America, etc.) and labeled with country names. The chart includes axis labels, a legend for regional colors, and a title. A drop-down menu allows viewers to select different data columns to map to the x- and y-axes, dynamically updating the circles and tooltips. The visualization emphasizes the relationship between health, education, and income across countries, using D3’s data-join and scales to bind the CSV data to SVG circles and text elements.

DDanielleW
74% match
Loading thumbnail…

Scatter Plot of World Life Expectancy Data versus Education

This scatter plot visualizes the relationship between average years of schooling and life expectancy across countries, colored by continent and scaled by BMI, with tooltips revealing country names. The visualization, built with Vega-Lite and its JavaScript API on top of D3.js, reads data from a CSV file sourced from WHO Life Expectancy data. Users can observe a positive linear correlation between education and lifespan, with African nations clustered at lower schooling levels and European countries at higher ones. The code configures the chart using vl.markCircle, vl.encode, and custom axis styling to enhance readability.

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

mundo

This visualization presents a scatter plot of global development indicators, showing the relationship between literacy rates and internet usage across countries in 2015. Circle size encodes population, while color distinguishes the country’s region. The chart loads data from a CSV file using `d3.csv`, filters out missing values, and applies linear scales for the axes and a square-root scale for the radii. SVG circles are appended with `d3.selectAll` and styled with an ordinal color scale to group world regions.

IIzaskunLS
71% match
Loading thumbnail…

mundo

This visualization presents a scatter plot of global development indicators, showing the relationship between literacy rates and internet usage across countries in 2015. Circle size encodes population, while color distinguishes the country’s region. The chart loads data from a CSV file using `d3.csv`, filters out missing values, and applies linear scales for the axes and a square-root scale for the radii. SVG circles are appended with `d3.selectAll` and styled with an ordinal color scale to group world regions.

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

i7q1

This interactive scatter plot visualizes country demographics, plotting population against economic, health, and internet-usage metrics from a CSV dataset. The visualization cycles through three x-axis variables—GDP, life expectancy, and internet users—every two seconds, creating an animated comparison of development indicators. Built with a reusable D3.js scatter plot module, the SVG chart uses `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render axes and circles that update dynamically. The code employs the `join` pattern for idempotent updates, and the animation is driven by `setInterval` in the main script, which loads data via `d3.csv` and appends axis labels dynamically.

Kktvgs25@gmail.com
71% match