INFO  /  INDEX

 2024 — website
WHERE ARE THE WOMEN?visit site


Where Are The Women? is a web project that addresses the imbalance of female representation in the United States federal government. The site pulls from a curated dataset containing the names and positions of over 500 current federal officials, displaying corresponding images at random locations on the screen. Users can interact with radio buttons at the top of the page to filter officials by categories such as gender (e.g., women, men) and role (e.g., courts) to see a sparse white background for the generally overlooked demographic.

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

DANCE 4 ME


[2024 — web]
‘Dance4Me' (Dance For Me) is a web project that uses Google’s Pose Landmark Detection deep learning framework to pinpoint the coordinates of one’s body to create a sound experience in which a “song reacts to you as you react to it.” By enabling the webcam and uploading a .wav file within the site, the coordinate data is used to create sound alterations that will interfere with the playback of the song as the user moves in front of the camera. Some examples of sound alteration include pitch shift, a phaser, feedback delay, distortion, and playback rate.