Skip to main content
100%

Exercise 5

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

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Exercise 5

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.

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
81% 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
78% 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
77% 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
71% 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
70% match
Loading thumbnail…

Module2 exercise

The visualization shows changes in NYC’s school-age and 65+ populations from 1960 to 1980, using paired horizontal bars per decade to display percentages. The bars are drawn as raw SVG elements with hardcoded coordinates and sizes, and styled with colors like orange and navy. The code loads the CSV data via `d3.csv` and logs it to the console, but does not use the loaded data to generate the chart; all visual values are manually specified in the markup.

PPaperpanic
70% match
Loading thumbnail…

Module2 exercise

The visualization shows changes in NYC’s school-age and 65+ populations from 1960 to 1980, using paired horizontal bars per decade to display percentages. The bars are drawn as raw SVG elements with hardcoded coordinates and sizes, and styled with colors like orange and navy. The code loads the CSV data via `d3.csv` and logs it to the console, but does not use the loaded data to generate the chart; all visual values are manually specified in the markup.

PPaperpanic
70% match