Echoes of the Unheard

The Inspiration

History is often written by the victors, leaving the architects of our modern rights and safety in the shadows. We were inspired by the "quiet" contributors—the factory workers who died to give us labor laws, the indigenous groups protecting our ecology, and the activists who were sidelined because of their identity. We wanted to build more than a map; we wanted to build a digital monument that turns silent historical coordinates into living, breathing stories.

How We Built It

We built Echoes of the Unheard using a blend of data processing and interactive web design:

The Engine:

We used Python to manage our dataset and the Folium library to render the geospatial environment.

The Interface:

We crafted a custom HTML/CSS sidebar that acts as a dashboard, allowing users to toggle between the "Silence" (the past) and the "Echo" (the modern impact).

The Data Bridge:

We used the JSON library to translate our Python logic into a format our website could read instantly, ensuring smooth transitions without page reloads.

The Voice:

To ensure accessibility, we implemented a method using the Web Speech API, allowing the browser to read stories aloud to the user.

The Challenges We Faced:

Building a high density map came with two primary hurdles:

Visual Overload:

With 115 locations, the map originally looked cluttered. We solved this by using Marker Clustering, a method that groups points together, only revealing individual stories as the user zooms in.

Scalability:

We wanted to show that our project could grow. We used the Random library in Python to generate 100 "Community Echoes," proving that our code architecture is ready to handle a massive, crowdsourced archive.

What We Learned:

This experience taught us that code is a tool for empathy. Technically, we learned how to bridge different languages (Python and HTML) to create a seamless product. Conceptually, we learned that accessibility isn't an add on by including a voice script, we realized that the most powerful technology is the kind that everyone can use, regardless of their ability to read or see the screen.

Built With

• gemini
• html
• pycharm
• python
• webspeechapi