MATHEW BRADY
//  TechCreative PORTFOLIO
[ ABOUT MATHEW ]//INDEX: 00

Building Interactive
Data Ecosystems.

Full-stack software engineer and design lead specializing in high-fidelity data visualization. Engineering robust front-end web systems and proprietary data architectures for national research organizations from conceptual wireframes to cloud deployment.

Focus: Data Visualization, Product Design, UI/UX
Child Care Deserts Interactive Map Platform
Flagship Map System // 2.2M Points
Mathew Brady Workspace Profile

// EXECUTIVE SUMMARY

Mathew is a Senior Full-Stack & Data Visualization Engineer with over a decade of experience architecting high-impact digital products. As a sole design and engineering lead and organizational founder, he specializes in transforming complex datasets into interactive maps and standalone web applications.

Mathew owns the entire product lifecycle — bridging the gap between business strategy, robust system architecture, and bespoke UI/UX design to deliver scalable, production-ready solutions for high-stakes media, advocacy, and enterprise initiatives.

10+YEARSEXPERIENCE
2XFOUNDEDVENTURES
40+DIGITALPLATFORMS
CORE COMPETENCIES//TECH STACK
Runtime Systems & Full-Stack Architecture
TypeScript
Next.js
React
Node.js
Python
Svelte
Data, Spatial Pipelines & Visualization
D3.js
Mapbox GL
PostgreSQL
MySQL
QGIS / GIS
Tableau / BI
DevOps, Systems & Interface Design
Tailwind CSS
AWS Cloud
CI/CD Actions
SASS / UI
Git Workflow
AI Dev
CORE SHOWCASE//INDEX: 01 — 03

In-Depth Case Studies.

A selection of core systems, data visualization platforms, and standalone applications I designed and shipped from initial architecture to live deployment. These case studies document how I take complex products from raw data structures and wireframes through to high-fidelity frontends, highlighting the wide range of my technical skillset.

PORTFOLIO // VAULT

All Projects Matrix

Explore my full portfolio of projects and published works.

Matrix Frame
Matrix Frame
Matrix Frame
Matrix Frame
Matrix Frame
Matrix Frame
[ CASE STUDY ]//INDEX: 01

Child Care Deserts

Visit
This was the most ambitious project of my tenure at the Center for American Progress. Comprised of seven high-density map layers—including a core dataset containing over 2.2 million data points—this interactive mapping application unlocks complex spatial insights across the American child care and demographic landscape.

As the sole full-stack engineer and designer on the project, I partnered directly with the research team to translate their data into a comprehensive digital strategy. I owned the entire product lifecycle from inception to deployment—scoping the technical architecture, designing the complete UI/UX user journey, and establishing the application's visual brand identity. On the engineering side, I cleaned and architected the backend datasets, integrated Mapbox to optimize the heavy spatial rendering pipelines, coded the full frontend layout and interactive states, and executed the final cloud deployment and QA. While incorporating feedback from editorial, art, and executive stakeholders, every line of code and interface asset was individually handcrafted by me.

Child Care Deserts Layout

Dynamic Location Architecture

01

Location search functionality with auto-complete and fly-to animations. Homepage loads with a randomly selected location from a predetermined list of visually striking locales.

Guided Narrative Storytelling

02

Storytelling via information bites, curated to demonstrate map functionality and key narrative takeaways. Steps automatically trigger demographic map layer selection and comparison slider positioning.

Stateful URL Serialization

03

Dynamic view sharing via unique URLs so users can freely explore and customize the map, then share their unique view including lat/long position, zoom level, and demographic layer parameters.

Privacy-Preserving Synthetic Microdata

04

Each of the 2.2 million data points represents a synthetically calculated family unit of ten families. Based on actual census data, the units protect citizen privacy while maintaining high accuracy.

Interactive Comparison Slider

05

The comparison slider allows for interactive contrasting between the two selected maps. This feature results in a mental 'overlay' experience without the visual noise of overlapping maps.

Multi-Layered Demographic Viz

06

Six demographic census-tract map layers add depth and unique insights. Comparing and contrasting the layers against each other and the child care dot map amplifies the power of this data visualization tool.

[ CASE STUDY ]//INDEX: 02

Cost of Child Care Calculator

Visit
A unique, visually striking take on what might otherwise be a straightforward interactive calculator application. The emphasis on delightful custom illustrations to humanize each of the policy impact selections results in a faster, more intuitive understanding of how valuable every dollar is to providing quality child care.

As the sole engineer and designer, I built the entire platform from the ground up—establishing a distinct brand identity and standalone web presence completely independent of the main CAP website. Partnering directly with policy researchers, I translated complex legislation criteria into an intuitive visual state machine. I designed the complete UI/UX layout and custom asset system, built a data engine to dynamically process localized state-by-state cost metrics, and coded the client-side rendering logic that translates real-time calculations into dynamic interface transformations. I held complete accountability for the full-stack codebase, visual branding, and final cloud deployment.

Cost of Child Care Calculator Layout

Localized Data Engine

01

State-by-state selections localize the calculator data for a more precise and accurate representation of the costs associated with each policy toggle, providing a personally relevant experience.

Dynamic Illustration Rendering

02

Dynamic graphics change to visually reflect each and every selection by the user. The room gets larger, colors brighter, and teachers more involved as users choose to pay caregivers more.

Diverse Care Modeling

03

Age selection options have a large impact on cost calculations. Including home based care expands the relevancy of the tool to a more diverse user base. Each selection is also reflected visually in the illustrations.

Contextual Explainer Logic

04

Each toggle generates a corresponding paragraph of explainer text to further inform the user on the high cost of child care and why every dollar spent is so vital to providing quality care.

State-Conflict Resolver

05

Toggles for each policy suggestion affect the calculator math and trigger appropriate graphic changes. Some toggles contain additional back-end logic to handle conflicting user selections.

Standalone Brand Architecture

06

Site navigation and architecture is designed to function as a completely standalone web identity while simultaneously taking visual and UI/UX cues from the traditional CAP website experience.

[ CASE STUDY ]//INDEX: 03

LGBTQ Survey Platform

Visit
This groundbreaking research survey is one of the most comprehensive of its kind, featuring ten survey categories, eighty-nine individual questions, and results cross-filtered across eight demographic cohorts. To translate this highly qualitative, unstandardized dataset into an interactive reality, the platform dynamically renders over 700 data-visualization states using responsive D3.js charts housed inside a seamless, native layout architecture.

Partnering directly with the lead research methodologists, I was responsible for architecting an interactive visual framework capable of making a dense, highly qualitative dataset instantly legible. To handle the unique multiple-choice parameters and custom legends required for each question, I designed a tailored data architecture and engineered fluid, responsive D3.js visualization charts from scratch. I built the universal state logic that dynamically swaps and cross-filters demographic data across more than 700 distinct views on the fly. Operating under strict layout constraints, I integrated this entire system into a seamless, native accordion footprint within a narrow column width, maintaining complete ownership over rendering optimization, UI design, and quality-of-life micro-interactions.

LGBTQ Survey Platform Layout

Universal State Cascade

01

Default demographic drop-down selector updates all charts with one click. The interactive was designed with the standard column width, native typefaces, and general styling of the CAP website in mind.

Macro-Control Utilities

02

Quality of life features such as the 'expand/close all' button as well as section-by-section open and close buttons are essential to keeping readers oriented and in control while navigating the dataset.

Categorical Navigation Hierarchy

03

Turning survey categories into collapsible sections serves as both an initial table of contents for quick navigation, and provides visual cues to the reader via consistent color-matching with charts and legends.

Localized Scope Overrides

04

Drop-down selectors update demographic data with scope localized to the individual chart while maintaining the capacity for override when the universal drop down at the top of the interactive is triggered.

Contrast-Aware Typography

05

Interactive charts respond to mouse hover events by highlighting bars and legend chiclets. Stacked bar labels switch from black to white depending on background hue to maintain readability and contrast.

Chromatic Orientation Mapping

06

Chart legends highlight corresponding data bands. Vibrant color palettes increase visual appeal, reduce large dataset exploration fatigue, and help the reader stay oriented in the midst of a long scroll.

[ PROJECTS MATRIX ]//INDEX: 04

Selected Projects Matrix.

A filterable index of custom data portals, policy tracking databases, and interactive editorial layouts. Select a tag below to filter the directory by engineering scope or user experience pattern.

Child Care Deserts Interface State
2.2M Data Points

Child Care Deserts

An interactive, dual-pane national map visualizing childcare accessibility for 2.2 million modeled family clusters, featuring a real-time slider to compare geographic access against six demographic layers alongside scripted, fly-to data stories.

Geospatial MapsStandalone Web ExperienceState-by-State & National Analytics
Cost of Child Care Interface State
1,600+ Query Vectors

Cost of Child Care

A standalone childcare cost calculator platform featuring a unique brand identity, engineered from scratch to live-query databases and instantly update custom illustrations based on user state and age selections.

Interactive CalculatorsStandalone Web ExperienceState-by-State & National Analytics
LGBTQ Survey Platform Interface State
700+ Dynamic Charts

LGBTQ Survey Platform

A multi-layered data platform rendering over 700 native-styled D3 charts across 89 highly nuanced survey questions, featuring dynamic global and localized demographic filters, contrast-aware highlighting, and optimized accordion views.

Native Platform IntegrationDashboards & Charts
College Degree Attainment Interface State
12,000+ Campus Coordinates

College Degree Attainment

A standalone interactive geospatial map plotting over 12,000 collegiate coordinates across county-level educational attainment layers, integrating narrative case studies to visualize college density correlation.

Geospatial MapsStandalone Web ExperienceState-by-State & National Analytics
The Disappearing West Interface State
Multi-Platform Consolidation

The Disappearing West

A major standalone conservation portal uniting two legacy sites into a cohesive brand experience, featuring a streamlined "lands vs. rivers" navigation structure, interactive map, dynamic web-native data tables, and animated illustrations.

Standalone Web ExperienceGeospatial MapsDashboards & Charts
Federal Child Care Legislation Over the Past Decade Interface State
200 Legislative Nodes

Federal Child Care Legislation Over the Past Decade

A comprehensive child care policy timeline charting 200 pieces of legislation, utilizing party-based color-coding, targeted policy filters, and dynamic Congress section headers that hide when empty to optimize readability.

TimelinesNative Platform Integration
Data on Early Learning Interface State
10-Year Metric Portal

Data on Early Learning

A comprehensive child care data portal integrating three distinct native dashboards—a national metrics overview, an individual state tracker, and an interactive map—to visualize a decade of key policy datasets.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & ChartsGeospatial Maps
A 100 Percent Clean Future Interface State
Scroll-Synced Engine

A 100 Percent Clean Future

An interactive scrollytelling visualization featuring an animated hybrid line and stacked area chart that dynamically highlights data segments and triggers explanatory narratives linked to scroll-position milestones.

Native Platform IntegrationDashboards & Charts
Infant Health Outcomes Interface State
72 Interactive Views

Infant Health Outcomes

A comprehensive health equity tracker displaying 51-state gap plots across low birth weight and mortality metrics, featuring a cross-demographic filtering engine with auto-disabling dropdown selectors and hover states.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
COVID Child Care Costs Calculator Interface State
Multi-Scenario Policy Simulator

COVID Child Care Costs Calculator

An advanced multi-tab child care simulator modeling state-by-state pandemic operating costs, empowering users to customize staffing matrix parameters, employee benefit scales, and sector coverage to project localized expenses.

Native Platform IntegrationState-by-State & National AnalyticsInteractive CalculatorsDashboards & Charts
State Actions Against Federal ACA Sabotage Interface State
51-State Directory

State Actions Against Federal ACA Sabotage

A unified healthcare policy tracker replacing maps with a streamlined, icon-led state directory, using targeted category filters to isolate legislative milestones and trigger interactive regional progress accordions.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
Midwestern Recession Interface State
Dual-Scale Economic Views

Midwestern Recession

Mapping regional economic trends, this geospatial interface plots wage and employment shifts across six distinct views, allowing users to toggle between 51-state borders mapped by quintiles and detailed commuting zones.

State-by-State & National AnalyticsGeospatial MapsDashboards & ChartsNative Platform Integration
How Weak Safety Net Policies Exacerbate Inequality Interface State
27-Chart Compact Engine

How Weak Safety Net Policies Exacerbate Inequality

Optimizing limited screen real estate, this compact interactive figure utilizes a rapid-update numeric dropdown to render 27 distinct dot plots, packing dense socioeconomic inequality datasets into a single fluid container.

Native Platform IntegrationDashboards & Charts
Closing Advanced Coursework Equity Gaps for All Students Interface State
AP Pipeline Funnel Model

Closing Advanced Coursework Equity Gaps for All Students

Illustrating systemic education gaps, this custom data visualization models a 1,000-student AP course-to-exam pathway using 20 dynamic horizontal bar charts to map institutional access and student performance by demographic.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
Data on Poverty in the U.S. Interface State
Longitudinal Data Portal

Data on Poverty in the U.S.

A robust multi-view data portal benchmarking socio-economic metrics across 2018–2024, featuring a four-way head-to-head state comparison engine, time-series mapping, and granular demographic ranking tools.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & ChartsGeospatial Maps
Climate Deniers of the 118th Congress Interface State
$52M Campaign Audit

Climate Deniers of the 118th Congress

A dynamic congressional tracker auditing 123 federal climate deniers, featuring dynamic campaign finance sorting, chamber-specific view toggles, and interactive directories that expand to reveal sourced quotes.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
Opportunities for States to Improve Infant Health Outcomes Interface State
19 Dynamic Map Views

Opportunities for States to Improve Infant Health Outcomes

A multi-layered healthcare map visualizing 969 regional data points, allowing users to toggle 19 metrics across three clinical groups to instantly re-project, recolor, and recalculate national-scale policy disparities.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
Equitable and Just National Climate Platform Interface State
Multi-Page Coalition Hub

Equitable and Just National Climate Platform

Designed from the ground up, this custom multi-page standalone website establishes a unified brand identity and digital hub for a historic climate coalition, integrating dedicated Justice40 resources and community stories.

Standalone Web Experience
The Racial Wealth Gap Interface State
Real-Time Wealth Modeling

The Racial Wealth Gap

A scenario-based policy modeling tool visualizing the racial wealth gap, utilizing interactive toggle combinations to dynamically recalculate future wealth projections alongside an animated chart anchored to static baselines.

Native Platform IntegrationDashboards & ChartsInteractive Calculators
Affordable Care Act Repeal by State Interface State
51-State Impact Engine

Affordable Care Act Repeal by State

Converting static report data into a dynamic inline selector, this tracker displays targeted demographic harms of healthcare policy rollbacks nationally and across all 51 states using an interactive, drop-down-driven impact engine.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
North Korea Diplomacy Scorecard Interface State
6-Point Geopolitical Index

North Korea Diplomacy Scorecard

Visualizing critical geopolitical metrics, this interactive index displays six color-coded diplomacy cards with dynamic impact ratings, utilizing slide-up panels to unpack the qualitative evidence behind each status.

Dashboards & ChartsNative Platform Integration
Occupational Segregation in America Interface State
60 Demographic Subgroups

Occupational Segregation in America

Analyzing economic representation, this dual-column comparison tool maps the top 15 jobs across 60 demographic permutations, using overlaid horizontal bar charts to benchmark target groups against overall workforce averages.

Native Platform IntegrationDashboards & Charts
Nationwide Efforts to Elevate the Teaching Profession Interface State
90+ Initiative Matrix

Nationwide Efforts to Elevate the Teaching Profession

Combining a spatial map interface with dual-dropdown filters to query a database of 93 educational initiatives, this interactive tracking tool streamlines the discovery of regional teaching policies and resource directories.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
Monumental Superstars Interface State
22 Threatened Landmarks

Monumental Superstars

Highlighting 22 threatened public lands, this interactive showcase uses a dual-dropdown filter to navigate rich media cards featuring nested geospatial mapping, regional data tables, and environmental impact deep dives.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
Tracking Trump's Sabotage of the ACA Interface State
60 Primary-Sourced Nodes

Tracking Trump's Sabotage of the ACA

Splitting executive policy tracking into dual pathways, this healthcare timeline contrasts 49 categorized legislative actions with 11 primary-sourced rhetorical threats to map the systemic deregulation of the ACA.

Native Platform IntegrationTimelinesDashboards & Charts
The First 100 Days Interface State
220+ Policy Index

The First 100 Days

A comprehensive policy directory housing nearly 250 federal recommendations, utilizing multi-layered card-tag filters, progress status indicators, and intersecting drop-downs to track executive action and adoption.

Native Platform IntegrationDashboards & Charts
An Agenda to Move Women and Families Forward Interface State
146-Idea Policy Database

An Agenda to Move Women and Families Forward

Housing 146 gender-equity policy proposals, this database uses autocomplete search, category dropdowns, and a shuffle toggle to navigate rich cards featuring inline topic tags and high-visibility crisis response markers.

Native Platform IntegrationDashboards & Charts
$1 Billion U.S. Extreme Storm Disasters Interface State
13,000+ Spatial Declarations

$1 Billion U.S. Extreme Storm Disasters

Mapping environmental vulnerability, this geospatial interface visualizes localized socio-economic data across thousands of counties, letting users overlay household poverty metrics with severe storm declarations over the course of seven years.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
Trump’s Conflicts of Interest Interface State
25-Country Conflict Index

Trump’s Conflicts of Interest

Exposing global financial entanglements, this branded world map highlights 25 countries of concern, featuring interactive spatial boundaries, dual-zoom orientation cards, and sequential narrative carousel controls.

Native Platform IntegrationGeospatial Maps
‘Blinking Red’: A Running Timeline Interface State
400+ Chronological Nodes

‘Blinking Red’: A Running Timeline

Exposing systemic federal pandemic inaction, this high-density timeline maps over 400 ignored warnings, policy missteps, and delays across four years using yearly and monthly scroll anchors and six additive narrative filters.

Native Platform IntegrationTimelinesDashboards & Charts
Monthly Medicare Drug Price Negotiation Savings by State Interface State
51-State Price Table

Monthly Medicare Drug Price Negotiation Savings by State

Translating federal healthcare reform into localized impacts, this interactive table calculates state-by-state Medicare drug savings across 10 prescription categories, utilizing dynamic population and price-drop estimates.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
Funding at Risk in Jurisdictions with Sanctuary Policies Interface State
5-Grant Vulnerability Map

Funding at Risk in Jurisdictions with Sanctuary Policies

Exposing systemic financial threats, this 51-state spatial map plots localized community grant dollars vulnerable to federal defunding, utilizing dynamic zoom-to-state boundaries and a real-time national silhouette ledger.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
China Tariff Costs by Congressional District Interface State
High-Impact Metrics Block

China Tariff Costs by Congressional District

Exposing the local toll of federal trade policy, this targeted impact calculator uses dual-dropdown inputs to instantly populate a high-impact callout block showing average household tariff costs by congressional district.

Native Platform IntegrationState-by-State & National AnalyticsInteractive Calculators
Health Premiums Will Rise Sharply Unless Congress Acts Interface State
4-Metric Urgency Panel

Health Premiums Will Rise Sharply Unless Congress Acts

Quantifying the regional cost of policy expiration, this inline dashboard uses a state-by-state and nationwide dropdown to instantly project premium hikes and coverage losses if critical healthcare subsidy enhancements are not renewed.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & ChartsInteractive Calculators
The American Rescue Plan Shored Up Child Care Interface State
ARPA Funding Auditing Map

The American Rescue Plan Shored Up Child Care

Auditing federal policy investments, this 51-state map interface pairs a localized dropdown with a spatial layout to track ARPA stabilization funding scales, local policy actions, and targeted child care infrastructure grants.

Native Platform IntegrationState-by-State & National AnalyticsGeospatial MapsDashboards & Charts
How States Can Use TANF Funds to Help More Residents in Need Interface State
Sourced Policy Comparison Tool

How States Can Use TANF Funds to Help More Residents in Need

Analyzing state safety net adaptations, this dual-column policy comparison tool uses parallel state dropdowns to display side-by-side TANF reforms, featuring inline footnote popups for primary-sourced legal and policy citations.

Native Platform IntegrationState-by-State & National AnalyticsDashboards & Charts
Our Environment, Our Lives Interface State
Story Portal

Our Environment, Our Lives

Serving as a localized climate registry, this branded standalone web platform pairs state-by-state toxic site and financial damage metrics with an interactive community portal designed to gather and archive citizen testimonials.

Standalone Web ExperienceState-by-State & National AnalyticsDashboards & Charts
// FILTER PROJECTS