ShowTimeLine Complete! Hackathon on visualizing timelines with @HacksHackersBA

Apr 26, 2012

Suggest edits

(Spanish post here)

The sunny morning of Saturday, April 14th was ideal for jogging. But rather than exercising well-trained bodies, smart minds were warming up for a good hackathon. Forty-five people, invited by Hacks/Hackers Buenos Aires, met in Buenos Aires to work on visualizing complex relationships across timelines and to learn about available tools to do so.

In a very pleasant atmosphere journalists, media publishers, designers, communication managers, and programmers shared plenty of empanadas and sodas, possibly in the only space of its kind in Latin America, AreaTres Soho.

We worked on Mapa76.info, a data mining platform to better analyze testimonies from Argentina’s military dictatorship trails. Hacks/Hackers Buenos Aires is building a platform to collaboratively analyze hundreds of testimonies and visualize facts presented by witnesses on interactive maps and timelines.

We also worked on: Malvinastreinta.com.ar, an interactive platform that recreates the days of the war over the Falklands Islands; Sex trafficking, a news analysis site initially developed for the Marita Veron’s case; and Alianzas electorales, which shows election results from the perspective of political party formation and dissolving alliances.

Despite a more ambitious goal in mind, we started developing a prototype for a new timeline visualization tool, ShowTimeLine, which displays the narrative of The Lord of the Rings. (This is a collaborative post written by members of Hacks/HackersBA)

How did we make ShowTimeLine?

Sandra Crucianelli, a Knight Foundation Fellow, gave a presentation on the usability of the timelines in Argentina, warning about the simplicity of their uses and the limited availability of complex illustration tools.

The proposal was to generate modular algorithms and libraries for one or more software tools to view data in complex timelines and other possible visualizations. The original idea was proposed by Andres Snitcofsky, who reverse engineered The Lord of the Rings project by Randall Munroe. The code developed during the hackathon can be found on GitHub.

Relationships not visible in a “manual” model?

We shot “life stories” on a structured table and then looked at the relationships. César Miquel, Martín Sarsale, Rafa, Nicholas Cisco, Osvaldo Toja, Walter, Felipe Lerena, and Martin Szyszlican made up the group working on this task.

The task was divided into modules assigned to each team. We then integrated the software with Google Docs and generated the visualization using Raphael.js, Javascript and/or Coffeescript + HTML5. Basically, it was a definition of how places should be sorted.

Once the data was entered, the system finds the best way to organize information so that the lines intersect as little as possible. The alpha prototype can be seen here. At present, even though we need to improve the algorithms, it is fun just to watch it work. Keep in mind that it was built in just ten hours of collaborative work, and we are still working on it.

Runners Marita Verón –  Trata Sexual

Based on a proposal by Sergio Sorín, another group worked on Marita Veron’s well-known sex trafficking case currently on trial. This group was formed by Angélica Peralta Ramos, Gaby Bouret, Florencia Coelho y Ricardo Brom (La Nación Data), Ariel Aizemberg (Datamining UBA), Flor Bianco (Google Argentina).

Because Marita Veron’s case is ongoing, we decided to develop a prototype timeline to keep record of the trial. One group transferred a limited range of data from the Journal of Judgment (Storify) into a table in Google Spreadsheet. Another group focused on articulating this data with the timeline developed by Knight Media Lab and testing this program. We translated the code to display dates and navigation controls in Spanish. The result is here.

@malvinas30 runners team

The initial goal of @malvinas30 was to work with Knight Media Labs timeline to incorporate the content they are developing. Three journalists worked on a project that recreates the Malvinas War in realtime, but situated thirty years later. We worked on two proofs of concept using the adapted tool. One concept was manually created, using input from selected content from Twitter, Facebook, YouTube, and a blog. The result of this work is available here.

The other concept pulled from Twitter through Drupal to Timeline, automatically importing tweets from @Malvinas30 account. The code can be found on Github and a first version is here. The journalists involved in this project are @alvaroliuzzi @Cesars (Todo Noticias) @guadalopez  (La Nación) @yaniesther @eapesteguia @juanibelbis @valeriaavn @dterragno @soldadom30 (check this last one! a “real” soldier tweeting from 30 years ago).

There are some limitations to the Timeline, like the inability to directly embed content from Facebook, Ustream and other services, but this will be developed soon. We agreed that it would be best to adapt the content depending on the relevance of information. Here the rools adapted to filter content.

Mapa76.info, from automatic extraction of data to timeline and maps

This automatic data extraction software is based on the trials of the last military dictatorship and was born during a hackathon held last year at Tecnópolis. The objective of this project is to achieve an automatic or semi-automatic display of biographies in the period between 1976 and 1983, based on written evidence, arguments, and statements.

(Here you can find a deep explanation of this project also the proposal in English we submited to Knight News Challenge and a shared Gdoc.)

We worked on concepts of big data, data mining and semantic web. From the extraction of data, we aim to view life stories in the timeline and find relationships.

During the hackathon Marcos Vanetta, Damian Silvani, Luciana Padua, Andrés Snitcofsky, Tania Wassaf, Ezequiel Clerici, David Lima Cohen, Mariana Berruezo, and Mariano Blejman worked together. This project has been under development for several months, and during the hackathon we worked hard to develop usability concepts, to improve the Freeling library (which recognizes names, institutions, and dates), and added a detection module places.

Luciana Padua (datamining) found examples using various visualization tools as TreeMap. Taking structured data, we can use the Treemap tool to group cases of different people in various hierarchies, such as detention center, date of arrest, and others. In this way we can discover the relationship of one person to another depending on their joint appearance in a group. Hierarchies can be configured by the user, and researchers could investigate based on their interests. Relations and timeline: EDGEMAPS Web: http://mariandoerk.de/edgemaps/ Paper: http://mariandoerk.de/edgemaps/ivj2012.pdf

Electoral alliances

The main objective of Andy Tow is to observe the formation and dissolution of district political party alliances through time.

In Argentina, members of the National Congress are elected directly by citizens, constituting each Province and the City of Buenos Aires electoral districts with its own representation. The groups that presented candidates in each district are parties and alliances. Alliances are groups of two or more parties. We intend to show the path of parties from 1983 to 2011, revealing their electoral performance.

We worked on structuring information that will be entered into the prototyped tool. From the results of the Atlas de Elecciones en Argentina de Andy Tow and information from parties and electoral alliance districts of the National Electoral, Tow created two datasets in the category of the National Deputies from Chaco, with the format specified by the core developers. Data were entered in a form available here.

We appreciate the support of Dan Sinker from Knight-Mozilla Open News, the english edition of Michelle Thorne, and the sponsorship from Mozilla Foundation, Globant, LaNacion.com, AreaTres, Vurbia, Página/12 and SourceFabric that made possible the hackathon. The organizing crew of Hacks/Hackers Buenos Aires is conformed by Mariano Blejman (Página/12), Martín Sarsale (Sumavisos), Guillermo Movia (Mozilla Argentina), César Miquel (Easytech),  Mariana Berruezo, Sergio Sorín, Ezequiel Clerici, Andrés Snitcofsky and many more. Contact at @HacksHackersBA mail ba@hackshackers.com Web http://meetupba.hackshackers.com blog http://www.hackshackers.com local blog http://hhba.info