WHERE ARE THE WOMEN?visit site
After attending a lecture on the “art of being subtle,” I began to consider how the tools and limitations of web development could be used to communicate or reveal an under-discussed truth. While the lack of female representation is a widely acknowledged issue, it's most often presented through statistics or anecdotes. What we rarely see is a visual, side-by-side comparison that clearly shows just how stark the imbalance is—especially within a federal government made up of over 500 officials.
To convey this effectively, I looked into various image placement methods online and settled on writing my own random placement script that would create a div for each image at a set of random coordinates in the web view. After testing it out with around 600 stock photos, I realized that the processing time and power was a bit hectic and turned to further optimizing it and using images of a bit lower quality.
From there, I needed to find an up to date list of current federal officials. I came across this JSON list of legislators from Github maintained by a non-profit focused on government accountability—it contained lots of information about each official, but no images. To get around this, I turned to Wikidata, a storage site for all of the data hosted on Wikipedia. Using the list of names from Github, I wrote a script to download each official’s Wikipedia image through Wikidata’s query service. After collecting all 500-something images, I used another script to lower their resolution size and then finally populated them into the dev website by replacing the stock image URLs. After doing the same for court and cabinet officials, I created filter buttons which used the GitHub data to show/hide the images as applicable.
note: API has not been updated for most recent presidential term (2025) and does not currently include radio buttons for non-binary individuals.
Using: JavaScript, Python, HTML, CSS
visit site