Archive for October, 2013

IMG_9604-copy IMG_9605-copy

This project was created in collaboration with Fabiola Einhorn and Yun Zhou, the following is our write up for the assignment:

Mapping on the Williamsburg Bridge


The goal of this project was to get get strangers to interact with each other somehow, through an instruction set. As this is a sociological design project, an urban node was chosen, demographic and psychographic research was performed, and several prototypes were drafted to gain more insight about our users and how they might interact in our site.

The Williamsburg Bridge is a place that is often forgotten in terms of a mode of transportation, as it falls in the shadows of the Brooklyn bridge with all its tourists and day-to-day runners, bikers and pedestrians. However, there turned out to be quite some life on this Bridge. It’s in fact a node, connecting the two landmasses of Brooklyn and Manhattan, cultures and significantly different mentalities of the two of New York City’s boroughs. We chose it because it’s indeed quite interesting to deal with people in motion and transition.

The objective was to somehow connect these people by making them aware of their surroundings, making them think about their physical being. Many people saw traversing this node as a routine – zoning out and robotically walking to and from work without further reflection. Our project attempted to engage people to reflect about their travels and the city at large.

User Groups

Our primary user group was walkers, however we also initially considered runners and bikers. The bikers tended to be a little more ethnically diverse, but all three groups had a significant amount of socio-economic diversity. This likely due to the fact that the bridge is such a significant connecting point and not as much of a tourist destination as other locations in the city. However a majority were young people (20-35 years old), caucasian, and middle class. Additionally we observed folks who were homeless, hasidic Jews, skaters, tourists, elderly, children and families.

Interviews with people resulted in a few insights, a valuable one being that the majority were walking to and from work from 9-11am and after 6pm at night. We also got a few people walking simply for leisure. Most walkers were walking very slowly, evidently taking their time, even though they were on their way to work. However, their looks remained fastened on the ground most of the time, and even though it was noisy, most people were free of headphones and said that the noise did not bother them.

Iteration One

For the first iteration we tried two different prototypes. One was about using the space and the fact that people are in motion, and elevating that experience through hanging tambourines and/or different percussion instruments on the poles serving as the construction of the bridge. The other was about mapping traffic on the bridge and encouraging people to take a step back from their routine. For this idea, we had a big map (60×40 inches) printed out and mounted onto a foam board and placed on one side of the walking path.

The Map

Using colored pens, we prompted people to plot down where they are coming from and where they are going to. The headline could have been more polished, but due to the lack of time and conflicting schedules, this ended up being a low-fi prototype. We had a thread tying the pens to the map, blue for where they are heading and yellow for where they are going. We were in the middle of the bridge for this iteration.

It was challenging to get people to intuitively interact with the map, but with the help of a few different prompts like “would you like to map out from where and to where you’re going?”, and “do you like mapping?” we in the end got around 5 participants during a two hour time span, and later decided to leave it for the night. When coming back 12 hours later we had gotten 17 participants. It’s difficult to track the exact time it was standing, as it was raining that night and the map was found on the ground, beaten up by the weather. We also got a hand full of people approaching the map, clearly attempting to find their own location for practical purposes. For example, one elderly man came to look at the map to find his way back to the Brooklyn Museum. People had trouble using the pens because of the long thread tying to the top of the pen. We later fixed this by fastening them with tape to the side of the map at eye level. However, this was not ideal as people were having difficulties getting them off.

The “Tamburines”

As we didn’t want to order tambourines and spend the money without knowing if it would be successful, we attempted to prototype these by using tall soda cans and filling them with rocks that would create a sound when rattled. We knew they weren’t going to be too aesthetically appealing, and so we decided to cover them with paper. The idea was to hang them at different heights with “points” written on them so people would be triggered to interact with them by intrinsically wondering if they could tap them. The mental reward would be manifested by the point system e.g. 5 points for the higher one and 2 points for the lower one. This way, walkers and especially runners could get more exercise, without having to worry about spending much extra time. This would be an instruction set not requiring a written prompt hence the idea of having real percussion instruments, as the viewer would directly understand that this is something designed for touch. Ideally, people would want to spend the time to play with each other.

This prototype was intended to be more of a “role” prototype mentioned by Houde and Hill in What do Prototypes Prototype, but since it was so weak on it’s “look and feel” it was unfortunately not successful (p3). We did not get people to interact with it without asking them. Therefore, we decided to only use the map in our next iteration, as time was pressing, and we already had successful interaction with the map.

Iteration Two

For the second iteration of our project we created two maps; the first showed the entire NYC area (all 5 boroughs and parts of New Jersey to the west) and asked participants to write a thought or word about NYC over a specific location. The second map was similar to the map from our first iteration with the exception that the map area was enlarged to depict the immediate vicinity of the Williamsburg Bridge. With this map we again asked participants to map where they were coming from and where they were going to. Again both maps were printed at a large format of 40 x 60 inches and mounted to foam core. We took the maps on the Williamsburg Bridge towards the Manhattan side area where the bicycle path and pedestrian path intersect as this seemed to be the area of highest traffic and where we would most likely have success with engaging people. The area at the intersection of the bicycle and pedestrian paths is open and allows for room for travelers to depart from their direction of travel and pause or rest. The weather was slightly cool and overcast with gusts of wind and occasional sun. We placed the maps facing Manhattan where they were in direct sight from people traveling from that direction and in a warm sunny location. This way, people could easily see the map from approximately 50 meters, giving them more time to decide upon participation.

One interesting behavior of our user group was that people noticed what people ahead of them were doing and let it influence their decision to interact with the instruction set. If people ahead of another group decided to engage with the instruction set then a approaching group also was more likely to engage. Conversely if a passing group declined to engage with the instruction set then a group following them was likely to not engage.

The “From Where to Where” map proved to provide a tactile experience for the users. People seemed to gain gratification from taking two tacks of differing colors, looking for their “where” location on the map, pushing the yellow tack into that location, then looking for the “going to” location and pushing in a red tack at that location. As more tacks accumulated (we had about fifty people engage with this map) users seemed to be pleased with looking at the map and seeing where previous users had placed tacks. The majority of the tacks (41 out of 70) fell within a two mile radius of the center of the bridge, though there were a significant amount of others that fell off the map area. “Off the map area” was designated through the users placing tacks at the edge of the map indicating the location lied in a direction outside of the map’s extent.

The “Map a Thought About NYC” map engaged a smaller number of users, (roughly fifteen total), though not as many as the “From Where to Where” map. One unexpected user interaction with this map was that a group of young adults on bicycles stopped and tagged the map with graffiti. This was not an action we had anticipated and though the users did not follow the directions of the map it still allowed them to add their personal thoughts about the city through a tag in the form of a word or cartoon like character. Users following this group seemed to enjoy adding an actual thought about NYC such as “erotic melancholy” in the East Village or “get a bike!” in New Jersey. Other thoughts included drawing cartoonish characters on the map, plotting a recently viewed movie at a cinema, or labeling GreenPoint “Little Poland”.

Engaging participants proved to be challenging as most people on the bridge were primarily concerned with traveling from one direction to another and were not interested in stopping. However, by approaching people and asking them if they “would like to map” we were able to engage them with the instruction set. As to whether this was a flaw or not is debatable; on one hand we likely would have had less people engage if we had just left the maps and did not persuade and instruct people to interact with them. On the other hand simply asking people if they would like to participate was not a highly invasive tactic and usually people were interested to see what the project was about and how they could interact with it.

Our project was in a sense a “cultural probe” in that we employed maps for our users to add information to so that we could better understand who they are. In the article Cultural Probes (Dunne, Gaver, Pacenti) the designers included maps with some of the packets they sent to the user groups they studied;

Requests ranged from straightforward to poetic. For instance, a map of the world included the question ‘Where have you been in the world?’, and small dot stickers were provided to mark answers. Participants were also asked to mark zones on local maps, showing us where for instance, They would go to meet people, They would go to be alone, They liked to daydream, They would like to go but can’t. (p23)

Our maps were similar in the sense that we had a smaller scale map showing all five boroughs in NYC and a local, large scale map of the immediate vicinity of the Williamsburg Bridge. The “Map a Thought About New York” map gave us a qualitative perspective on our users, letting us know how they think about or view the city and neighboring New Jersey. The “From Where to Where” map told us that three times as many people came to the Williamsburg Bridge from a location that was further than two miles of its centroid (over the East River) and that almost the same number of people traveled to a point inside or outside this area. (see table below)

Locations of “to” and “from” user plots

Dot Color

Within 2 miles

Outside of 2 miles

Yellow (from)



Red (to)




In conclusion our chosen site proved to be a difficult location to stage a public intervention with the goal of encouraging strangers to interact with one another. We were partly able to overcome this difficulty through using maps as a tool to engage people and have them participate in a project with others they did not know. Although the project did not create much verbal dialogue between strangers, people were eager to look at what others had done and actively talked amongst their own travel group members about interacting with the maps. If we had more time to develop the project further it would be interesting to reiterate both maps again. The usefulness of drawing was not originally considered when creating the “Map a Thought” map but a good portion of users communicated their thoughts or feelings in this way. Given the large number of participants we received in only several hours, the data gathered could be digitized and rendered on an online map. Giving these projects a web presence would enable citizens to gain insights as to who uses the Williamsburg Bridge and leave them to draw their own conclusions on why they use it. People enjoy maps, as they are useful tools that draw people into them, especially when printed out as physical objects in a large format. Scouring a map for information and wayfinding forces people to use their mental capacity in a way that is both visual and analytical. Additionally, providing users with a tactile experience as a form of interaction gives them a sense of gratification; they immediately see their contribution to a project that many had gave time to.


Tony Dunne, Bill Gaver, Elena Pacenti. Cultural Probes. Interactions, January & February 1999.

Charles Hill, Stephanie Houde. What do Prototypes Prototype? Apple Computers Inc.
Cuptertino, CA, USA.


Posted: October 16, 2013 in major studio one
Tags: , ,



I took my written manifesto and used a web-app called wordle to make a word cloud of it. Actual manifesto (below) is still under-construction but from this word cloud you can see what stands out is what is important to me.

Guidelines for the Ethical Cartographer

  1. Go open-source. Using open-source technology in your own work helps make the tools of the trade better and more accessible to others. I still run into people, including University professors, who have never heard of Quantum GIS, the Free and Open Source Software (FOSS) for Geographic Information Systems (GIS). If we are to make map making more democratic we need to help spread awareness of these open-source tools and promote their use.
  2. Use crowd-sourced and open data. OpenStreetMap (OSM), NYC Open Data, Twitter, Flickr and other sources of crowd-sourced and open spatial data are proving to be more useful at times than ‘official’ data sets. ‘Official’ data-sets, such as the U.S. Federal government’s TIGER dataset, are improved upon by the crowd as the users of OSM correct errors to them; the spread of disease is monitored from geotagged tweets; or Flickr users tag their geocoded photos with place names which Flickr then uses to assist with defining place boundaries.
  3. Teach yourself. So much of the work being done in the world of cartography, data-visualization and web-development is experimental. People are learning these new tools by diving into using them, mashing them and breaking them; not through signing up for classes at universities.
  4. Develop a peer network of like minded open-source geo enthusiasts. The more people you know who are doing work similar to yours the better. Having peers you can ask questions to can be extremely helpful when you’re stuck on a design problem or grasping a technical skill. Join a local Geo <your city here> Meet-Up group or start one where you live.
  5. Challenge yourself to do different projects. Step outside your comfort zone, take risks, fail.
    Eric Rodenbeck, the founder of Stamen Design, says he failed twice when first attempting to start a research based data-visualization design studio. Now Stamen is at the forefront of this type of work and collaborating with a wide range of clients and organizations.
  6. Teach others. We are all here to learn from one another. Take time to help others learn whether it’s giving some one on one advice in person or over an email or by hosting a workshop or presentation at a conference. Make the field more inclusive.
  7. Speaking of conferences, go to them. You’ll meet a lot of interesting people, learn about other work people are doing, expand your peer network and become inspired. Two cartography and spatial data related conferences to go to are State of the Map and the North American Cartographic Information Society, they meet annually.
  8. Work with a community, whether it be a neighborhood, school children, or online group on a mapping project. We can learn a lot about a place and its geography from people who don’t identify as “professional” cartographers or GIS specialists. Everyday people have expert knowledge of their experience of place. Participatory mapping helps make cartography humanistic and deconstruct its imperialist roots.
  9. Spend time away from the computer to learn about places. Walk, bike, travel to places you haven’t been.
  10. Visit exhibits whether it’s a map library or gallery opening. If you have the chance look back at how cartography used to be done. Look to see where people are taking it currently and how it can be improved upon and diversified.
  11. Experiment with analog tools. Make hand-drawn mental maps with yourself, friends and neighbors. Create interventions that ask people from a neighborhood to map their space and what’s important to them or to make the “invisible visible.”

Weather Underground API improvement

Posted: October 16, 2013 in CC Lab
Tags: , ,

Screen Shot 2013-10-16 at 5.23.32 PM

I managed to write a javascript function that creates html elements for the API calls from Weather Underground. This way I don’t have to hard code an API call for each city. The function is passed an object that contains {“key” :  “value”} pairs of states (or countries) and cities,as well as parameters such as the API key, specific data to grab, and the html list element to append new list item elements to. A satellite image and various other weather data  are pulled for each location and then written to the DOM. I also got this script running locally using Node.js and Python’s SimpleHTTPServer module.  

Live example here

madlib generator

Posted: October 16, 2013 in CC Lab, Uncategorized

Screen Shot 2013-12-16 at 12.30.28 PM

Older assignment from CC Lab that creates a mad lib by selecting words stored in an array at random.

link to assignment here


This past weekend I had the opportunity to participate in the Re3 Story Hack sponsored by The New School, Hyperakt, Vizzuality, Canada Engineers Without Borders, and Blue Ridge Foundation NY. The hackathon’s goal was to address social issues such as homelessness, poverty, immigration detention, solitary confinement, and gun violence through creating narratives and tools that challenge the main stream media’s representation of these issues. My team was to tackle the issue of gun violence; specifically addressing the lack of mental health resources for inner city communities that deal with gun violence as well as the normalization of violence, specifically with young adults. The first part of our day on saturday was spent doing research that took the form of interviewing two violence interrupters working in Brooklyn.  Both were men that had done jail time and chose to return to their communities with the goal of doing work to end violence taking place within them. Hearing these men’s stories, work, and perspectives was an invaluable experience and in itself alone worth attending the hackathon.

From these interviews we brainstormed ideas and reflected them back to one of the interrupters who spent the day at the hackathon with us and another team working on the issue of gun violence.  Our team who was composed of a documentary film maker, a professional graphic designer, a person working in media and a couple other MFA students from SVA and Pratt came up with the idea to create a series of posters and a website that centers around 4 central ideas we gained from our interviews; 1. Every Shooting is a Mass Shooting, 2. What goes up comes down, 3. Hurt People Hurt People. and 4. Check your status.

“Every Shooting” became the title of our project. It metaphorically refers to the act of a single shooting causing a ripple effect in a community. Not only are the perpetrator and victim affected but also are their friends, significant others, family, teachers, place of worship, and other community members. These ripple effects lead to unaddressed trauma in communities, a point which is expanded in #3.

“What goes up comes down” was inspired by one of the interrupters stories of firing gun shots into the air off a fire escape. At the time he had no thought that the bullets would land some where, potentially endangering someone’s life. This symbolizes that actions have consequences and asks youth to consider the consequences of their actions before acting.

“Hurt People Hurt People” draws from the fact that those who have been traumatized and abused are likely to inflict abuse on others. This was the case with one of the interrupters we spoke with, growing up he experienced both domestic violence and sexual abuse.  Not having anyone to talk to about these experiences he internalized them and as a result inflicted violence on others.  It wasn’t until he did jail time and reflected on his situation did he start to consider why he had performed violent acts.

The last point asks the viewer to “Check their status” or to reflect on their mental and emotional state. It asks a series of questions and then presents links to resources where the individuals can seek help.

Another web developer, Paul Schreiber, and I coded the website portion of the project while Stuart Rogers created the poster designs. Other members of our team worked on the copy and theme. The website can be viewed temporarily here:

Our goal is for this project to become integrated with a Instagram campaign (proposed by the other group that was also tackling gun violence) that targets youth and tries to create a point of entry for them to access resources that will help them achieve positive goals in life and stray away from violence. We are now looking into meeting andworking with the Fortune Society to see how the project can move forward.  The hackathon was very intense and a ton of work but it was a very rewarding experience, I’m glad I chose to dedicate a weekend to it.


link to interactive map here

Following the Cartography and GIS Dorkshop I gave last weekend I was invited to give a 3 hour open-source Geo demonstration with QGIS, Tile Mill, and MapBox at a Trans-Disciplinary Design class taught by Mathan Rathinam, here at Parsons.  The class is dealing with issues relating to environmental hazards and disaster resilience in NYC, so to make the connection between the class and the Geo tools we used some spatial data from NYC Open Data. We pulled in two datasets; one for hurricane evacuation zones and another for evacuation centers. The zones have a classification from 1 – 6, with 1 being the highest at risk areas prone to flooding and 6 being the least. In the class I demonstrated how to load and style this data in TileMill using a sequential color scheme as demonstrated on Cynthia Brewer’s Color Brewer Cartography guideIn the map above I’ve refined the design a little further, using some advanced labeling with SVG icons from TileMill’s open-source Maki icon repository. I also used the MapBox API to add a “Find My Location” button that will drop an icon based on the user’s IP address.  Additionally, clicking on an icon will reveal it’s full address in the upper right hand corner.  I enjoyed teaching the material to the class and look forward to giving more workshops and demos, hopefully bringing in some guest speakers as well. Thanks again to Mathan and his class for having me, it was a pleasure.