The Hacktory Blog

Learn what's new at your favorite makerspace!

Seeking Contributors: Hacking the Gender Gap

A few weeks ago, Daniel and I were fortunate enough to attend the 3rd annual Philly Geek Awards. Last year, Geekadelphia named Hacktory director Georgia Guthrie Hacker of the Year; this year, the online visualization of our workshop Hacking the Gender Gap was nominated for Web Project of the Year. The award ended up going to AxisPhilly – congratulations to them!

We’re looking for people to help expand and improve the Timeline. We need volunteers to:

  • transcribe & tag stories from our workshops, currently in our Flickr stream
  • design & implement a responsive, attractive story visualization1
  • create a database and webform for people to add their own stories2
  • compile a guide for facilitators based on our notes, so people can Hack the Gender Gap on their own!

We’re also looking for partner organizations to adapt the workshop for other underrepresented groups in STEM. If you’d like to join us, please contact our Volunteer Coordinator Amy Guthrie or comment on this post!

I also want to publicly thank everyone who’s contributed to our project. The Hacking the Gender Gap Timeline started as a rough proof-of-concept Georgia put together using Timeline.js, but quickly expanded after she pitched it at the LadyHacks hackathon. Jana Beck, Connie Lin, Amy Guthrie, and other attendees jumped in and wrote a more robust implementation, which has evolved over the past several months into the current visualization.

1. Technical details: in its current iteration, the Hacking the Gender Gap Timeline is an HTML page with inline JavaScript to create the interactive visualization. (You can view our code on Github.) It uses Isotope to provide the sorting and filtering, as well as the animations triggered by the user’s selections of sorting options and/or filters; jQuery; and Bootstrap CSS. We are also considering incorporating some functionality from d3, in addition to or instead of Isotope, and moving to a JavaScript framework (e.g., Backbone.js) to facilitate modular development of multiple views into the data.

2. The database and other backend work will probably involve WordPress, but this part of the design is less developed.

Leave a Reply