Alejandro Garcia

@Alegar917·3 public vizzes

Gun Deaths in Florida

This D3.js (v5) visualization re-creates a controversial chart depicting the number of firearm murders in Florida from 1980 to 2017, using data from the Florida Department of Law Enforcement. The SVG rendering plots the raw death count over time, with a prominent red filled area beneath a white line chart, and heavy white bars marking each year on the x-axis. The code uses `d3.area()` with a Catmull-Rom curve for the area path and `d3.line()` for the line, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

Feb 21, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This visualization shows mobility rates for California universities using a bubble chart, where the x-axis displays median parent household income, the y-axis shows mobility rate, bubble size represents average children per cohort, and color indicates trends in parental income distribution. Built with D3.js v5, it uses `d3.scaleSqrt` for radius, `d3.scaleDiverging` with `d3.interpolateRdBu` for color, and d3-legend for legends. The visualization reads from Opportunity Insights data, filtering for California institutions, and includes labeled points for select universities.

Feb 14, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart shows California universities’ mobility rates against median parent household income, with circle size representing average cohort size and color encoding trends in parental income distribution. Built with D3 v5 and Vue, it uses SVG rendering, `d3.scaleSqrt` for bubble radius, `d3.scaleDiverging` with `d3.interpolateRdYlBu` for color, and d3-legend for legends. Data comes from Opportunity Insights’ Mobility Report Cards dataset, filtered to California institutions.

Feb 14, 2020