ornate gold frame
Heather Bree

Data Visualization Specialist

Senior front-end web developer, with specialities in svelte, d3.js, leaflet.js and react. Data analysis chops in python. Civic data nerd.

I work at GovEx

Some Examples of My Work There:

screenshot of a world choropleth map

JHU Coronavirus Resource Center

I added lots of custom D3.js data visualizations to the react-based Coronavirus Resource Center website.

screenshot of an air quality level timeline

BREATHE Center Lung Health Report

I built a vanilla javascript scrollytelling website for the JHU BREATHE Center's report on Baltimore lung health.

screenshot of a world choropleth map

City Data Explorer

I am a senior developer on the Bloomberg Center for Government Excellence City Data Explorer project, providing most of the custom D3.js visualizations in the react-based website.

Some Examples of My Work Elsewhere:

screenshot of a sankey diagram

PDX Rank Choice Voting

I wrote a scrollytelling article using svelte and layercake analyzing the 2024 Portland Mayoral Race and how ranked choice voting worked in that election.

screenshot of a force-directed node graph of my life, with nodes colored by pillar, event, person, and location

My Life Graph

I built a force-directed node diagram of my life in svelte. It's got lots of little easter eggs and you'll learn more than you wanted to know about me.

screenshot of a audio player with waveform illustration

Data Sonification Project Prototype

I mentored an intern who helped me build a data sonification prototype for turning some data from the City Data Explorer into sound.