Independent Study Summary


When and Where:


The purpose of this independent study is to create visualizations based on project and hacker data from ArchHacks 2016 in order to gain a better understanding of who attended ArchHacks 2016 and what those hackers worked on during the event.

Technologies Utilized:

D3.js, JavaScript, jQuery, HTML, CSS, Python, GeoJSON

How People Got to ArchHacks 2016

"Routes" Visualization Summary

  • o This visualization utilizes event attendance and transportation data to display the routes and methods of transportation hackers took to get to ArchHacks 2016.
  • o The size and shade of the school nodes (red-hued circles) is tiered based on the number of hackers attending the hackathon from that school.
  • o When hovering over a school node, a caravan of hackers (gray particles) flows from the school to Wash U (ArchHacks 2016 location).
  • o Furthermore, hovering over a schol node opens a tooltip containing the school name, time of travel to Wash U, and number of hackers using each method of travel.

(Hover over project nodes to see what your fellow hackers built.)


ArchHacks (WUSTL)
School (by # hackers)

What People Built At ArchHacks 2016

"Topics" Visualization Summary

  • o This visualization utilizes DevPost submission data to display the projects hackers built at ArchHacks 2016.
  • o Projects (colored circles) are grouped together and color coded by category. Projects that won awards are gold ringed.
  • o Hovering over a project node opens a tooltip containing the project name, category, description, names and schools of project members, and awards won (if any).

(Hover over a school node to see how ArchHacks 2016 hackers travelled to ArchHacks 2016.)


w/ Award

When Applications were Submitted for ArchHacks 2016

"Apps" Visualization Summary

  • o This visualization utilizes application submission data to display when hackers applied to ArchHacks 2016 as well as making clear the periods where there was high-application density.
  • o The size of application (red-hued bars) bars indicates what year of college the hacker is (the smallest bars being the youngest hackers) and the shade of the application bar indicates how recent the application is (the palest being the least recent).
  • o Hovering over an application bar opens a tooltip containing the hacker's partial name, when he or she submitted their application, what school he or she attends, and his or her graduation year.

(Hover over the application bars to see when ArchHacks 2016 applications were submitted.)


(Fr <-> Sr)
Gender: (M./Non-Bi and F.)

ArchHacks 2016 Applications Visualization Key

Application Bar:
(One bar means one person applied)
Shortest Bar = Freshman
Tallest Bar = Senior
Red = Male/Non-binary
Pink = Female