allcapsangela

@allcapsangela·5 public vizzes

Mobility Rate Bubble Chart

A bubble chart displays California universities’ mobility rates (percent of students from bottom-quintile families reaching top-quintile incomes) against median parental income. Circle size encodes average cohort size; color encodes trend in bottom-40% parental share. D3 v5 filters CSV data from Opportunity Insights, uses `d3.scaleSqrt` for radii and `d3.scaleDiverging` for color, and renders labeled SVG circles with average reference lines via d3-legend.

Apr 11, 2020

Loading thumbnail…

SF Arrests

This interactive map displays the last week of arrest incidents across San Francisco neighborhoods, with each arrest marked as a circle over an Analysis Neighborhoods basemap. The map uses a d3.geoConicEqualArea projection and d3.geoPath to render neighborhood outlines and street data, while arrest data is fetched live from the SODA API. Hovering over a neighborhood highlights its boundary and shows its name via a tooltip. The visualization is built with D3 v5 and rendered as SVG elements.

Apr 10, 2020

Loading thumbnail…

SF Arrests

This visualization maps arrests in San Francisco over the past week onto neighborhood and street basemaps. It uses a conic equal-area projection and d3.geoPath to render the geographic layers, while arrest points are drawn as circles with tooltips displaying neighborhood names. The code loads GeoJSON basemaps and street data from SODA API endpoints, queries arrest records via the Socrata API, and styles interactivity using D3 v5 event handlers.

Mar 27, 2020

Loading thumbnail…

Mobility Rate Bubble Chart

This visualization shows the mobility rate of California universities, plotting median parent household income against the percentage of students who rise from the bottom to the top income quintile. Circle size encodes average cohort size, while color represents the trend in parents from the bottom income bracket. Built with D3 v5 and Vue, it uses `d3.scaleSqrt` for radius, `d3.scaleDiverging` for color, and `d3-legend` for legends. Data is filtered from Opportunity Insights' Mobility Report Cards CSV and rendered as SVG with average reference lines.

Mar 25, 2020

Loading thumbnail…

Gun Deaths in Florida

This visualization re-created from a Business Insider chart shows the annual number of murders committed with firearms in Florida from 1989 to 2016. A filled red area chart, drawn using `d3.area` with a monotone curve, emphasizes the rise in gun deaths following the 2005 "Stand Your Ground" law, which is annotated on the plot. The visualization includes an x-axis with decade tick labels and a y-axis with gridlines, both generated using `d3.axis`. Data comes from the Florida Department of Law Enforcement, processed with `d3.csv`.

Feb 21, 2020