Mobility Rate Bubble Chart

100%

Mobility Rate Bubble Chart

✓ Published0🌍 Public

Last edited Feb 28, 2020

Created on Feb 28, 2020

This chart shows California universities’ mobility rates—the percentage of students from the bottom income quintile reaching the top—versus median parent household income. Circle size represents average cohort count, and color indicates the change in the share of parents from the bottom 40% of income distribution between 1980 and 1991. Built with D3 v5 in Vue, it uses SVG rendering, d3.axisBottom and d3.axisLeft for scales, and d3-legend for color and size legends. Data comes from Opportunity Insights, filtered to California institutions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart visualizes the mobility rate of California universities—the percentage of students from the bottom income quintile who reach the top—against median parental household income. Circle size represents cohort size, while color encodes the trend of parents in the bottom 20% over time. The visualization uses D3.js v5 with scales for linear, square-root, and diverging color mappings, plus the d3-legend library for legends. Data comes from Opportunity Insights' Mobility Report Cards dataset, rendered as SVG bubbles with average reference lines and selected labels.

Aahmed

97% match

Loading thumbnail…

Mobility Rate Bubble Chart

Aahmed

97% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart visualizes mobility rates for California universities, plotting median parent household income against the percentage of students from the bottom income quintile who reach the top quintile. Circle size encodes average cohort size, while color indicates the change in parents from the bottom 40% over time. Built with D3 v5 and Vue, the SVG rendering uses `d3.scaleSqrt`, `d3.scaleDiverging`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with data from Opportunity Insights.

DDharti Madeka

97% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart shows the mobility rate of universities in California, plotting median parent household income against the percentage of students who move from the bottom to the top income quintile. Circle size represents average cohort size, while color indicates trends in parental income distribution. Built with D3.js v5 and Vue, it uses d3.scaleLinear, d3.scaleSqrt, d3.scaleDiverging, and d3-legend for axes and legends. Data from Opportunity Insights is filtered and sorted, with average reference lines and labeled bubbles for select universities.

SSophie Engle

97% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart displays the mobility rate of California universities, plotting median parent household income on the x-axis against the percentage of students from bottom-quintile families who reach the top quintile on the y-axis. Circle size encodes average cohort student count, while color represents the trend in parents from the bottom 20% income bracket. The implementation uses D3 v5's linear, sqrt, and diverging scales, alongside d3-legend for the color and size legends. Data originates from Opportunity Insights' Mobility Report Cards, filtered to California institutions. Averages are drawn using `d3.mean` and rendered as dashed lines.

AAryan Dilip Choudhary

97% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart displays the mobility rate of California universities, plotting median parent household income against the percentage of students who move from the bottom to the top income quintile. Circle size encodes the average student cohort, while color shows the trend of parents in the bottom 20% of income over time. The visualization uses D3.js v5 with d3-legend, SVG rendering, and data from Opportunity Insights. Background median lines and labeled circles for select universities add context, with axes and legends generated through D3 scales and SVG elements.

EEve Matson

96% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart displays the mobility rate of California universities, plotting median parent household income against the percentage of students from the bottom income quintile who reach the top. Circle size represents average cohort size, while diverging color scales encode trends in parent income distribution. The D3.js v5 visualization uses `d3.scaleSqrt` for radius, `d3.scaleDiverging` for color, and d3-legend for legends. Data comes from Opportunity Insights' Mobility Report Cards, rendered as SVG elements with labeled circles and average reference lines.

Jjnhamid

96% match

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.

Aallcapsangela

96% match