Project site   Documentation   facebook | twitter | me2day 

Here, Data Visualization Lovers are!


The subjects for data visualization varied, depending on the people I met on a daily basis. Whenever my friends ask me about websites and books, I visualize the data through info-graphics after consolidating these data in blogs and SNS. I found existing data on the net inadequate to meet the interests of the people, hence I made my own regulated references through data visualization to help people find the answers to their queries.


One of the most crucial questions which I sought to answer is, “Where are the data visualization lovers in the real world?” I therefore added location in my data visualization to provide an opportunity for people to check the news in places near them.

I first utilized recent tweets and recommendation links to gain essential information in completing my data visualization project. This allowed me to make my work relevant enough to cope with new trends. Second, I scattered all the data I gained on a 2-dimensional world map; after which, data pattern was distributed in a data chart which people can easily read and gain basic information when they put the mouse over each dot. IN the end, they can read the detail they need and to the recommended website or tweet page with just a click on the mouse.


Raw data 1: Recent Tweets
I gathered 100 recent tweets from the Twitter API that contained the words ‘data visualization’ to find the user’s location.

Raw data 2: Reference Lists
I put in useful sites in the reference lists. These sites are highly commended by others and by me.

Data and visualization blogs worth following in FlowingData
Crisismaven’s blog

Final data set: Title, Description, Link, Location
In combining the gathered raw data, I made the title, description, link and location using the Twitter API. With Google API, I matched the data with a location on the map’s grid.


The visualized information was divided into two. Primarily, 100 recent tweets and 100 recommended links were visualized on the world map using the downside of the screen. Continents were located on the upper side and regulated dots were assigned according to the corresponding locations. Should a person put the mouse over a dot, pertinent information like name, city, and country will be shown and the real position of the location is drawn of the map. When clicking on a certain region in the map, tweets and recommended links will be revealed through dot counts. Details will be shown on the top of the screen when a dot is clicked individually.


Environment: Processing, Processing.js, Twitter API, Google Geocoding API, jQuery, JSON
Period: Almost weekends for three months (including research, planning, design and development)

Displays distributed all data on the map

To display the quantity of tweets and references related to these regions, put the mouse curser over the continents on the map

To see only one group of certain continent, press the left mouse a continent on the map.

Wave the cursor over one of the diagram’s dots and pops up a text summary of tweets and references.(Blue: Tweets, Yellow: Recommended links)

To display more description about each dots, click the dot. If you would like to move to related website like twitter and original reference site, then click the button on the lower right-hand side.

When you click these dots once, dots' colors are dimmed so that user could check thier navigation history simply.



This interesting project gave me more insights and ideas on how to share personal interest with the rest of the world, by using API data like Twitter and Google API. With this, I wish to update the data continuously in order to keep the data updated and help someone in need of inspiration. And I really thank to the creative developer, Youmin Kim who gave me pieces of advice regarding the programming. Comments, suggestions, new references and criticism are always welcome. Feel free to send me a message. Thanks All!!

Aug.18.2012 Hyemi Song


Hyemi's Personal Homepage

You'll need Google Chrome or any modern browser (except IE) to view the project page efficiently.