Skip to main content
100%

Exercise 5

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

A scatterplot shows the relationship between the number of students with special needs integrated into primary versus secondary common schools across Argentine provinces. The y-axis encodes primary school integration counts, while the x-axis represents secondary school counts, with Buenos Aires omitted for visual clarity. Built with D3 v3, the visualization uses linear scales, SVG axes, and hover interactions that highlight individual circles by changing their fill color. Data comes from the DiNIECE educational quality information directorate via Argentina's public data portal.

AI-generated description

Similar vizzes

Loading thumbnail…

Exercise 5

The visualization plots Argentine provinces as circles on a scatterplot, comparing the number of students with special needs integrated into primary school (y-axis) versus secondary school (x-axis). It omits Buenos Aires to improve readability of remaining data. Built with D3 v3, it uses `d3.scale.linear` for axes and `d3.svg.axis` to render the scales, with hover effects changing circle fill color. Data comes from the public education indicators CSV.

Aa2q
93% match
Loading thumbnail…

Sorting Elements

This visualization shows the number of students with disabilities integrated into common secondary education across Argentine provinces for 2012, sorted in descending order. Horizontal bars are drawn as SVG rectangles using d3.v3, with an ordinal scale mapping province names to the y-axis and a linear width scale for student counts. The code also renders gridlines via a custom x-axis tickSize, and includes hover tooltips with province-specific details. Data comes from the public data portal linked in the page.

Aa2q
82% match
Loading thumbnail…

Sorting Elements

A bar chart displays the number of students in secondary common education across Argentine territorial divisions, sorted in descending order using `d3.descending` on numeric values parsed from a CSV. Each SVG rectangle’s width maps to the student count, with a text label appended beside it showing the value and region. The visualization uses d3.v3’s data join, `d3.scale.linear`, and CSV loading via `d3.csv`, with custom styling for fill colors and typography.

Aa2q
75% match
Loading thumbnail…

Loading CSV Data with D3

This example demonstrates loading a CSV dataset with D3.js and rendering it as an SVG visualization. The data, sourced from a gist by a2q, contains educational statistics for the province of Buenos Aires from 2003 to 2009, tracking metrics such as abandonment, promotion, and repetition rates across various educational levels. Using D3 v3, the visualization parses the CSV file and maps the data to SVG elements, likely encoding the different concepts and years through visual channels like position, color, or size. The result is an interactive or static graphic that lets viewers explore trends in Argentine education over time.

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

Assignment 2 Task 3 Scatter Plot

This scatter plot visualizes the relationship between high school ranking, high school strength, student involvement, and student activity levels, with point color encoding student grades (A, B, or other). The SVG visualization loads CSV data via d3.csv, scales the x and y axes with d3.scaleLinear, and renders circle marks using d3 selection joins. Axes are drawn with d3.axisLeft, d3.axisBottom, and styled with custom labels.

Lleftymadi
69% match
Loading thumbnail…

alumnos activos

This visualization maps the distribution of active students across Buenos Aires communes, using the percentage of students per comuna to size circular markers overlaid on a geographic map. The data comes from a TSV file listing communes, their barrios, student counts, and percentages. The code uses D3’s `d3.forceSimulation` to position the circles without overlap, while `d3.geoPath` renders the map outlines. Circle radius reflects the percentage values, and the visualization highlights concentration in Comuna 13, with progressively smaller markers toward the periphery.

Aaaizemberg
69% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This animated scatter plot uses D3.js to visualize high school student data, cycling through four different variable pairs on the x-axis every few seconds. Colored circles represent individual students, with sky blue, light green, and orange indicating grade categories (A, B, and D). The visualization employs the custom `scatterPlot` module, which utilizes D3 scales, axes, and SVG rendering to create the animated chart. Data is loaded from a CSV file hosted on GitHub, and the animation is driven by `setInterval`.

Lleftymadi
69% match