CAD LOGIC | Infographics

CAD LOGIC is a compulsory course at the Dessau Institute of Architecture (DIA Dessau) This course is lead by Daniel Dendra (anOtherArchitect / OpenSimSim)

[infographix]

Above is my info graphic about gentrification. I choose isometric pixel art visualization to explain the term of gentrification with humorous narrative to make the topic more attractive. The ideas is to get infos from the graphic is basically like any other concept of isometric pixel art. It is about viewing a urban setting from above and try understand it by observing every detail of elements (because all of them is not simply decoration), in this matter it require a little bit imagination. I hope it is informative enough yet entertaining..

/?/UNDERSTANDING GENTRIFICATION

The discourse of gentrification as an urban phenomena is widely exposed in writings and seminars, but to get an explanation in graphic form is rare to found. With the tools of info graphic, the term of gentrification explanation can be easily understandable by wide range of public outside the urbanism related society.

The info graphic is using the narrative method to give the description of gentrification: what is gentrification?where is it happens? who are the agents and population that affected and related? the reasons why is it happening? how is it affecting urban socio spatial condition?

The description is visualized in two different condition of fictional urban setting, it set on time basis before and after the gentrification occurs. The info can be achieved by comparing both neighborhood setting, visualized in isometric view. The isometric pixel art graphic presentation is chosen as the visualization tools since it can give a holistic aerial view of socio-spatial condition. The fictional characters are highlighted from both setting, to give the insight of activities and interactions that would explain their socio-spatial condition in each respective neighborhood. It is creating a story line that relates both setting.

The base image of the neighborhood setting is credited to Seigneur-Hellequin from DevianArt source, yet some major adjustments need to be conducted. The characters and parts are mostly from eBoy.com, one of well known pixel artist group. Other source of additional isometric pixel parts are credited to PixelJoint.com and PixelDam.com. Everything is constructed and arranged with Adobe Photoshop and Illustrator.

Luky Widhamla Kautsar/4051806/DIA Dessau M.Arch program/project of CADLOGIC SS2010/infograpic group/Prof.Daniel Dendra

[infographix]

Hello everyone, here is my awfully late final submission for the infographic course in summer semester 2010.

The topic is: The History of The Bauhaus.

Type of the infographic: timeline

The infographic shows 14 years of the Bauhaus history since it's founding in 1919 till 1933, when it was closed by the Nationalists forces. Infographic is based on the content of the Bauhaus movement – study courses, workshops, etc., shown in the form of stripes with various colours and width, according to their importance and contribution to the overall image of the school and the movement. A number of the most important personalities and products of Bauhaus are placed in chronological order and color-tagged according to their relevance to the particular work direction.

[infographix]

This infographics is made by Processing, you can click the places where have a lot of tourists. It will show the name and image of the famous place .This way you can see the connection between the famous places and the location of the tourists.

[infographix]

[infographix]

infographix:

Xiangnan Liu  4053768

Topic: Tourists in Berlin 

This infographic shows the tourists in Berlin. The blue spots shows the location and density of the tourists.  I also locate some famous places in Berlin ,this way you can see the connection between the famous places and the location of the tourists. 

The data is collected from Twitter database. Some twitter users like to report there location by some Twitter API. I presume the people who report there location and not from Germany are tourists. I select the geo-location of tourists and made a map of it.

I collected my data on a website:http://www.140kit.com

I searched the term “Berlin”. I got some raw data and I select tweeters that sounds like tourist. 

I will send you the selected data to you by e-mail.

also you can see the data in :

https://spreadsheets.google.com/ccc?key=0ApTeYIIQKCnrdE1VbkIxYUt6YXFwSGtXV0dJdjhDT3c&hl=en

I upload the data to a website:http://www.openheatmap.com to make the map and edit it by Photoshop. 

Also I made a infographics by Processing, you can click the places where have a lot of tourists. It will show the name and image of the famous place .This way you can see the connection between the famous places and the location of the tourists.

[infographix]

Qu Kun (Matr-Nr: 4051903)  SS2010 Infographics

This topic is about water footprint for raising a beef, which reflects how much water is needed to produce a product.  As it can be seen, there are lots of water needed for beef compare to other foods, except the rice patties, therefore, beef was used to determine the water footprint for raising a beef.  In order to produce 1kg of beef, 15 500 liters of water is needed. Image of beef represents 100kg of beef, which means 1 550 000 liters of water is needed.The map with arrow shows the where and how much beef is produced and also mentions the export and import of those beef around the world.  When those beef exports to different countries, this also means that the water is also moving to different countries as well due to water needed to raise to produce those beef.The imports and exports between countries in the trade represents the performance of water of individual countries and also shows the flow of water footprint.

[infographix]

Petrova Ksenia 4053772_DIA WS10-11_Infographics_Final Submission

My  first  idea, my  suggestion  -is  to  creat  a  map, infographic  wich  will  show  festivals,  exhibitions, lectures, presentation. It should shows the  most  interesting  event`s of  culture  Moscow  life through  the  whole  year. But  when  i  start  to  collect  data  from  Twitter, i  understood  that  there  are  a  lot  of  Tweets on  this   topic, but  there  are   all  coming  from  one  agency - Reutes  Life,  so  users   retweets  this  information. This  fact  shows the  interest and  activity  of  Twitter  users. Certainly  in  Russian Twitter  there  are  a  lot`s of  account`s  that  are  devoted  to  culture and   exhibitions, like : Look  at  me, WIZAVOD, Marat Guelman, The  Garage, Snob_Project .......But   simple  users  mostly  prefer to  receive news  from Twitter or  information. There Twitts  look  like : where  you  can eat  the  most  dilicious sushi or  the  best  snow  for  snowbording in  Moscow  region. Twitter  community is  interested  in  projects  not  like  consumer, they  most  interested  in  profssional  terms. In  general it  may  be  noted  that  users  appreciate  information content, sensivity and humor. Therefore  I devoted  my last  Infographic  to   most  popular  brands  accounts in Russian Twitter. I have recived data  from Social Media Club Moscow.  

see  onhttp://www.flickr.com/photos/asyaksenia/5499275668/in/photostream/lightbox/

see onhttp://www.flickr.com/photos/asyaksenia/5499275590/in/photostream/lightbox/

see onhttp://www.flickr.com/photos/asyaksenia/5498681257/in/photostream/lightbox/

see onhttp://www.flickr.com/photos/asyaksenia/5499275344/in/photostream/lightbox/

see on http://www.flickr.com/photos/asyaksenia/5499275294/lightbox/ 

[infographix]

Infographic: last.fm Events in Moscow

The inforgraphic of “last.fm events in Moscow” shows the locations of the events in Berlin on a map. Besides, it illustrates the attraction points in the city through event spheres in different colors and diameters according to shouts and attendees.

The purpose of the infographic is to picture the current urban concentration areas by filtering online data on last.fm.

http://www.flickr.com/photos/petrov_boris/5497048062/in/photostream/

http://www.flickr.com/photos/petrov_boris/5497048184/in/photostream/

http://www.flickr.com/photos/petrov_boris/5497048286/in/photostream/

http://www.flickr.com/photos/petrov_boris/5497048398/in/photostream/

The script works the same way, because we worked together with Guley, the difference is that my work is about Moscow and Guley`s is about Berlin.

[infographix]

Infographic: last.fm Events in Berlin

The inforgraphic of "last.fm events in Berlin" shows the locations of the events in Berlin on a map. Besides, it illustrates the attraction points in the city through event spheres in different colors and diameters according to shouts and attendees.

The purpose of the infographic is to picture the current urban concentration areas by filtering online data on last.fm.

see on flickr

see on flickr

see on flickr

see on flickr

see on flickr

see on flickr

The script takes last.fm events from berlin and displays them as 3D spheres hovering over a map of Berlin. 

At first, the script reads a page from last.fm using the getEvents function from the API. 

But there are only 10 events on each page, so it reads the number of pages and goes on loading the other pages until the last. Each page is read as XML.

For each event, the script takes the following data and puts them into arrays: longitude, latitude,number of attendance, date. 

To get the number of shouts of an event, for each event, another function from the API is used: getShouts, and the number of shouts is also put into an array.

Then, it finds the maximum and minumum of longitude and latitude, which is the extent of the events on the earth surface. 

It then connects to Yahoo API and loads a fitting map. The colors of the small streets and the background in the map are removed and converted it to black and white. 

Longitude and Latitude for the events are calculated to the appropriate screen coordinates. 

The diameter of the spheres is half the number of attendees. 

The color of the spheres has to do with the number of shouts: if there are 0 shouts it is grey, some shouts blue, 

and if there are more scouts than half the number of attendees, then it is red.

In the draw function, for each event a sphere is drawn over the map. 

Spheres are transparent, and there is also a line connecting the sphere to the place on the map. Peasycam is used to show it in 3D.

see the script

[infographix]

Abhishek Shishir Sinha - Info Berlinale 2011, Final Submission

Abhishek Shishir Sinha, Matrikel # 4053717

This Infographics uses Twitter data to understand the cultural event Berlinale, 2011 in Berlin from 10th to 20th February, 2011. It shows the map of visitors coming from different parts of the world to attend the event on the basis of collected tweets for the duration of the event. It helps in establishing the relationship of the visitors in terms of their origin to the City.

Further on, it also filters the users in terms of their activity for the event with the help of data, which can be used to understand the nature of visitors. Also the events of the venues are marked on the map for feasibility and planning connections along with the capacity of the venues.

Info - Berlinale from Abhishek Shishir Sinha on Vimeo.

[infographix]

Xiangnan Liu  4053768

Topic: Tourists in Berlin 

This infographic shows the tourists in Berlin. The blue spots shows the location and density of the tourists.  I also locate some famous places in Berlin ,this way you can see the connection between the famous places and the location of the tourists. 

The data is collected from Twitter database. Some twitter users like to report there location by some Twitter API. I presume the people who report there location and not from Germany are tourists. I select the geo-location of tourists and made a map of it.

I collected my data on a website:http://www.140kit.com

I searched the term "Berlin". I got some raw data and I select tweeters that sounds like tourist. 

I will send you the selected data to you by e-mail.

also you can see the data in :

https://spreadsheets.google.com/ccc?key=0ApTeYIIQKCnrdE1VbkIxYUt6YXFwSGtXV0dJdjhDT3c&hl=en

I upload the data to a website:http://www.openheatmap.com to make the map and edit it by Photoshop. 

[infographix]

DIA, WS 2010-2011, Cadlogic, Infographics,Boris Petrov, 4053773

[infographix]

DIA, WS 2010-2011, Cadlogic, Infographics, Petrova Ksenia, 4053772

[infographix]

DIA, WS 2010-2011, Cadlogic, Infographics, Güley Alagöz, 4053474

(THIS IS DRAW PART OF THE SCRIPT, NOT THE WHOLE)

void draw () {

  background(0);

  smooth();

  tint(#DFFFFF, 68);

  image(mapImg, 0,0);

  fill(120);

  noStroke();

  for (int i = 0; i < eventscounter; i++) {

    int x = xList[i];

    int y = yList[i];

    int z = datediff[i]*3;

    float diameter = diameterList[i];

    color eventcolor = color(100);

    if (shouts[i] == 0) eventcolor = #FFFFFF;

    else if (shouts[i] < attendance[i]/2) eventcolor = #2222FF;

    else if (shouts[i] >= attendance[i]/2) eventcolor = #FF0000;

    //println(float(shouts[i])/float(maxshouts));

    //eventcolor = color (float(shouts[i])/float(maxshouts)*255,255,255);

    fill(eventcolor,80);

//    beginShape();

//    curveVertex(x-diameter/2,  y,z);

//    curveVertex(x,  y-diameter/2,z);

//    curveVertex(x+diameter/2,  y,z);

//    curveVertex(x,y+diameter/2,z);

//    curveVertex(x-diameter/2,  y,z);

//    curveVertex(x,  y-diameter/2,z);

//    curveVertex(x+diameter/2,  y,z);

//    endShape();

    translate (x,y,z);

    //translate (x/2+width/4,y/2+height/4,z);

    sphereDetail(16);

    if (diameter > 2) sphere(diameter/2);

    stroke(80,40);

    translate(-x,-y,-z);

    line(x,y,0,x,y,z);

    noStroke();

    //ellipse(x,y,diameter,diameter);

  }

  //load();

}

[infographix]

DIA, WS 2010-2011, Cadlogic, Infographics, Güley Alagöz, 4053474 

[infographix]

Polina Plotkina 4053771

Topic: Social media and Infographics

This infographic shows the development of social networks in Russia. Namely, a region, the force and the age group most actively used social network in Russia. Just in my infographic shows the rating of the most popular and conversely the least popular social networks. All data are in percentages. Due to this infographics we can also see that the most popular global social networks are not so used as a network specifically designed for Russian users (for example tweeter is one of the networks are not used in the population of Russia).

Data was collected by the submission in the infographic sites, as well as through the site of sociological research in Russia, where the data of users was also collected ( http://wciom.ru/) .

[infographix]

Processing Sketch to get data from twitter with geolocation, Final Submission

This is the final processing sketch to extract data from Twitter using Twitter 4J api.

It collects the username, time, day & date of the tweet, the content of tweet, and the geolocation of the user, for any specific search query word for the latest 100 tweets. In order to run the sketch successfully, first import the Twitter 4J .jar file to the empty sketch and then run the sketch in processing.

The sketch is:

Twitter myTwitter;

void setup() {

  myTwitter = new TwitterFactory().getInstance();

  try {

    Query query = new Query("search term");

    //query.setGeoCode(new GeoLocation(52.30, 13.25), 1000.0, Query.KILOMETERS); // if we want to only get tweets from the region berlin

    query.setRpp(100);

    //query.setSince(2010-01-01);

    QueryResult result = myTwitter.search(query);

    ArrayList tweets = (ArrayList) result.getTweets();

    for (int i = 0; i < tweets.size(); i++) {

      Tweet t = (Tweet) tweets.get(i);

      String user = t.getFromUser();

      String msg = t.getText();

      Date d = t.getCreatedAt();

      GeoLocation geoloc = t.getGeoLocation();

    try {

        double lat = geoloc.getLatitude();

        println("latitude: " + lat);

      } catch (Exception e) {

        println(e.getMessage());

        println("no latitude");

      }

       try {

        double lon = geoloc.getLongitude();

        println("longitude: " + lon);

      } catch (Exception e) {

        println(e.getMessage());

        println("no longitude");

      }

      println("Tweet by " + user + " at " + d + ": " + msg);

    };

  }

  catch (TwitterException te) {

    println("Couldn't connect: " + te);

  };

};

void draw() {

};

[infographix]

Some inspirational info-graphics for all CAD-Logic-Students who deal with timelines.

http://www.powwownow.co.uk/infographics/images/telephone_timeline_infographic.jpg

http://media02.hongkiat.com/infographics/LEGO-Brick-Timeline-Infographic.jpg

http://www.flickr.com/photos/ritwikdey/426048360/sizes/m/in/photostream/

http://www.flickr.com/photos/densitydesign/3409508480/sizes/m/in/photostream/

http://www.flickr.com/photos/ffranchi/3048928992/sizes/m/in/photostream/