Skip to main content
100%

Sorting Elements

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

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.

AI-generated description

Similar vizzes

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
84% match
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
82% match
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
81% match
Loading thumbnail…

Censo 2010

This visualization displays Argentina’s 2010 census population by province as horizontal bars. Each province is labeled on the left with its population count on the right, and hovering reveals a tooltip with the full figure. The bars animate from zero to their final width over one second. It loads JSON data from a GitHub repository, uses `d3.json`, `d3.scaleLinear`, SVG text and rect elements, and applies `transition().duration()` to animate the bar widths.

Aaaizemberg
71% 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
67% 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
66% match
Loading thumbnail…

Población por provincia (Censo 2010)

The visualization displays Argentina’s provincial population totals from the 2010 census using a cartogram-style layout, where each province appears as a sized circle positioned roughly by geographic location. It uses d3.forceSimulation to arrange the circles and d3.geoPath to draw province boundaries from the included TSV data, with circle area proportional to population. The code renders the map and circles on a Canvas, relying on the gist’s provincias.tsv file for population values and province names, and labels the largest provinces directly.

Aaaizemberg
65% 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
64% match