NBC Midterm Countdown Map

I built a map embed component that was featured on NBC's 100 Days to Midterm countdown page. As part of this project, I built out the frontend component with React and used NodeJS to set up api endpoints to fetch, format and consume data from AWS and NBC's NEAT elections data API, as well as an in-house CMS. One particular challenge was getting the two different maps (House races are an entirely separate component using district-based geojson) to look and behave exactly the same way. Please be patient with the link; it is a link to the site as preserved on the internet archive, and will load quite a bit slower than the live page did.

The map features:

• District and state-based maps (House races use district data, while Senate and Governor races use statewide data)
• Links to each state that has a page published in the controlling CMS
• States without published pages remain gray
• Auto updates when a page is published to the CMS

And was built with:

• nodeJs
• React
• D3.js