wanzikim-blog - Tumblr blog

wanzikim-blog · 7 years ago

Text

Table table; int pdaycount=0;

float theta = PI; float count = 4;

void setup() { size (650, 800); background(20); noStroke(); table = loadTable("humansofunist.csv","header");

for (TableRow row : table.rows()) {

int year = row.getInt("year"); int month = row.getInt("month"); int day = row.getInt("day"); int daycount = (((year-2015)*31*12)+(month*31)+day)-357;

int exposure = row.getInt("exposure"); int like = row.getInt("like"); int comment = row.getInt("comment");

String people = row.getString("who"); String type = row.getString("character");

//println(daycount); //println(exposure); //println(like); //println(people); //println(type); switch(type) { case "study": fill(225, 234, 234, 220); break; case "club": fill(251, 249, 218, 220); break; case "love": fill(253, 224, 215, 220); break; case "path": fill(239, 242, 245, 220); break; case "dailylife": fill(212, 235, 219, 220); break; case "relationship": fill(240, 229, 235, 220); break; }

int radius = exposure / 800; ellipse(325+daycount*sin(theta)*0.3+80*sin(theta),325+daycount*cos(theta)*0.3+80*cos(theta),radius,radius);

if(theta >= PI*2){ count = count - 0.2; theta=0; }

println(count); if (count>3.75){ theta += 0.1*(daycount-pdaycount)*count*0.3; } else if (count>3.35){ theta += 0.1*(daycount-pdaycount)*count*0.26; } else if (count>3.15){ theta += 0.1*(daycount-pdaycount)*count*0.22; } else if (count>2.95){ theta += 0.1*(daycount-pdaycount)*count*0.18; } else if (count>2.75){ theta += 0.1*(daycount-pdaycount)*count*0.14; } else if (count>2.55){ theta += 0.1*(daycount-pdaycount)*count*0.1; }

pdaycount = daycount;

} }

void draw() {

}

20131141 KimJiwan

0 notes

wanzikim-blog · 7 years ago

Text

What are Tufte’s principles of visualizing information?

There were so many principles of visualizing information, so I choose some principle which captures my heart. First one is about focusing on the contents of data. ‘Above all else, and show the data’ is what Tufte emphasize in this part. The second one is graphical integrity. Designers should not distort the data by graphic elements, and they should explain the data on the graphic itself. The third one is Layering. (Envisioning information p.53) Designers should give hierarchy and levels of detail to their graphic devices to differentiate its category. The fourth one is coloring. (Envisioning information p.81) There were a few guidelines on the use of color provided by Tufte. For example, ‘The placing of light, bright color mixed with white next to each other usually produces an unpleasant result, especially if the colors are used for large areas’. The fifth one is multifunction. (Envisioning information p.47) The same ink serves more than one information purpose. If you can read at different levels of detail differently, information and architectures might be organized well. The last one is small multiples. (Envisioning information p.67) For a wide range of problems in data presentation, small multiples, comparative images are the best design solution.

How did you interpret and integrate the principles to develop your infographic?

As TA said, I originally put the graph on the road as distorted which is indicating the growth about the number of ‘LIKE’ of the Facebook page. However, after reading the sentence “Avoid distortion of numbers by graphic devices, whether accidental or intentional”, I threw all of the distorted graphs daringly and added real graph which is directly proportional to the numerical quantities represented.

Additionally, when I first decided to express my idea in the 3D drawing, it was so time-consuming even I draw only one HOU character. However, Tufte emphasized that the focus on the content of the data, not the visualization technique. Consequently, I changed my character design more simply, and then focus on what I really want to deliver to my reader.

Overall, what did you learn from the Tufte’s books and the infographic project?

Nowadays, I usually tried to express something just simply and regarded it as clear and nice one. However, I could know that simpleness of data and design = clarity of reading is a false equation. What we seek instead of simpleness is a rich texture of data, a comparative context, an understanding of complexity revealed with an economy of means. Moreover, I was impressed by this sentence. “The deepest reason for displays that portray complexity and intricacy is that the worlds we seek to understand are complex and intricate. God is in the details”. (Envisioning information p.51)

Moreover, I was surprised at the design reasoning process to have to correspond to scientific reasoning. This book insisted clear and precise seeing becomes as one with clear and precise thinking. I could learn dual principle that for reasoning about statistical evidence and for the design of statistical graphics. (Visual explanation p.53)

From the infographic assignment and Tufte’s books, I could understand How design should be designed. It is not about the solution, but about the wrong design. In this assignment, I really focused on detail. When I draw the people who crowdfunding, it took about 5 hours to only draw it. Also, I highly tried to give consistency to overall elements and color. During this process, I could really feel the detail’s importance.

Link to PDF file : https://drive.google.com/file/d/19yaQAWOrO3FS6W7kH1ev6i1CqRGE_XXT/view?usp=sharing

20131141 Kim Jiwan

0 notes