Skip to content


Twistori – Flash Version

I became interested in Flash after doing a visualization using Python a few days ago, because bitmap image is too limited to create a clean and sharp pictures. Moreover, bitmap image authoring tools usually do not provide a way to create user interaction.

Some of you might remember a web site called “twistori” came out last year and drew some media attention then. I set a goal of creating a imitated application using flash in order to motivate myself. I’d like to thank those who made the original twistori for their creative work. It’s really inspiring.

So, here is my first flash pet. (http://twistori.oksure.net/)

Twistori – Flash Version

twistori

Click to enlarge

How to use?

  • You can type the keyword you want to track in the skyblue box on the top left corner, which is different from the original twistori.
  • I did not allow users to type “space” in the keyword, and all keywords submitted will be changed to lowercase.
  • Since Twitter limits the number of API calls from a single IP address as 100 per hour, I am caching search results. The cache is refreshed every hour.
  • You can see the history keyword under the skyblue box, and those texts are clickable.
  • On the right pane, tweets will be flowing. Web page addresses (i.e. http://) and twitter names are clickable as well.

For those who interested in which tools or libraries I used, I listed them below.

What I used?

  • Flex Builder – It’s a little expensive, but I got the educational license. If you are a student, a faculty, or a staff of eligible education institutions, you might want to check it out. Here is the website for submitting the petition. https://freeriatools.adobe.com/flex/ Don’t be scared by the title “Flex”. You can use it as an actionscript project development tool as well.
  • Flare – This is one of most popular free actionscript libraries, I think. The web page is here. http://flare.prefuse.org/ It provides a library for animating objects. In addition to the greatness of the library itself, its tutorial is very helpful especially to novice flashers like me. The tutorial (http://flare.prefuse.org/tutorial) covers not only Flare libraries but also entry-level actionscript project. The tutorial is based on Flex Builder, so you might need to get the tool anyway in order to follow the tutorial.

I created Korean version as well. It’s on http://twistori.oksure.org/. If you can read and understand Korean, I would recommend you to visit it, too. :)

Share and Enjoy:

  • TwitThis
  • email
  • PDF
  • del.icio.us
  • Google Bookmarks
  • Digg
  • Reddit
  • Slashdot
  • Facebook
  • Technorati
  • StumbleUpon
  • DZone

Posted in Pet. Tagged with , , , , , , , .

Visualizing Web Browsing Behavior

I am now brushing up on my python programming for my upcoming TA position. I’ve been playing with some interesting external packages such as numpy, scipy, networkx, and matplotlib.

Here is the first product of my few-days study of python visualizations.

The dataset used is called “MSNBC.com Anonymous Web Data Data Set“, which is a collection of web browsing log within MSNBC.com website in 1999. The pages within the site is classified as 17 different categories: frontpage, news, tech, local, opinion, on-air, misc, weather, msn-news, health, living, business, msn-sports, sports, summary, bbs, travel.

Dataset holds about one million records of tracking on each user. Every row looks like this.

1 1
2
3 2 2 4 2 2 2 3 3
5
1
6
1 1
6
6 7 7 7 6 6 8 8 8 8

The movie above is based on moving averages calculated as the program reads along the data file. The below is the visualization based on the entire dataset.

network_viz

(Nevermind the "# Visitor: ~" on the bottom-right corner.)

Quick-and-dirty findings are:

  • Frontpage rocks. (Of course they should.)
  • Basically, the whole structure looks like a hub structure. Strong links exist between frontpage and (news, business, on-air, sports, local, misc).
  • Middle-level link between sports and msn-sports is seen, but virtually no link between news and msn-news is observed.
  • Weather is isolated from other pages, but it induces a fair amount of clicks within itself.
  • Etc. Etc….

For those who cannot see the legend on the movie, I would repeat it here. (edge width, node size, node color) represents (# of users passed, # of users visited, self-loop ratio) respectively.

Although the code is so dirty that I do not want to upload here, if you want to look at it, please let me know by leaving a comment. Thanks.

Share and Enjoy:

  • TwitThis
  • email
  • PDF
  • del.icio.us
  • Google Bookmarks
  • Digg
  • Reddit
  • Slashdot
  • Facebook
  • Technorati
  • StumbleUpon
  • DZone

Posted in Pet. Tagged with , , , , , , , , , , , , .

Why I Blog: Start blogging in English

It has been almost 3 months since I began to blog actively in Korean at oksure.org. Now I realized it’s time to start blogging in English as well.

There’re three reasons that made me to decide to start blogging in English as well.

  1. Practice makes perfect.
    I think this principle holds especially in writing. What I realized while blogging in Korean is that my writing skill even in Korean was terrible. I believe my writing has been improved so far by writing quite a lot of blog posts.
  2. New perspective.
    My term paper for the class called “Social and Organizational Issues of Information” was about language difference in cyberspace. (You can read it here.) As the Internet is making the world one village, the impact of language difference as a separater grows as well. I hope I can provide some new perspectives to the English community as a student using English as a second language.
  3. Study notes.
    This site actually has served as my web portfolio. From now on, I will use it as my study notes as well. I will be reading papers especially during this summer intesively. Papers I will read are mainly about service design and the service sciences domain. I will jot down what I thought as I read papers. I think the summaries I would write could be good pointers for those interested in service design.

I won’t be able to use perfect grammar and some expressions might be really awkward for native speakers. Then, please do not hesitate to correct me by leaving a comment. I would really appreciate it. Thank you in advance.

For now, I think I am going to start with translating my thoughts written in Korean into English. I hope it gives me an opportunity to become more familiar with expressing thoughts in English. Not all thoughts, but some selected ones that I think it deserves new audiences.

Fine. I think common ground between you and I has been established. Then, let’s get started.

Share and Enjoy:

  • TwitThis
  • email
  • PDF
  • del.icio.us
  • Google Bookmarks
  • Digg
  • Reddit
  • Slashdot
  • Facebook
  • Technorati
  • StumbleUpon
  • DZone

Posted in Notice. Tagged with , , , .