Tag Archives: infographic

Interactive: San Diego Comic-Con By the Numbers

I produced this interactive chart + infographic on San Diego Comic-Con International 2014 (SDCC), the largest comic conference in the US,  during my summer stint with NBC Local Media as a data intern.

It was selected by Tableau Public as the Viz of the Day.

The instruction from the editors was simple: find some information about SDCC and put together an infographic.  But I wanted to make some thing more than that. I was curious about the history of the event and the journey it took to reach today’s popularity. So I started to collect data but one important data is missing – the ticket prices of previous conferences. I decided to build that data myself and went through a long and tedious online searching process, going from one website to another to find and verify the ticket prices of all the previous conferences since 2000. Together with other readily available data, I visualized it using Tableau Public, one of my favorite data visualization tools as it is free and user friendly.

I also found some old SDCC logos from the official website and thought it would be fun to explore SDCC’s history through visual. I used JCarousel, a jQuery plugin to build my first photo carousel. Anyone with some basic HTML and CSS skill should be able to make it work.

Then I wrap the two components with the infographic that I made using free online infographic making tool Piktochart and Adobe Photoshop in a box, uploaded it into my Github account and embedded in NBC website as an iframe.

Mission accomplished!

Visit the full story here.

Interactive: LeBron James’ Numbers Don’t Lie

This is another interactive chart + infographic I made during my summer stint with NBC Local Media as a data intern. It was published on Aug 1, 2014 when NBA star player Lebron James announced his decision to return to Cleveland Cavaliers in the 2014/2015 season.

Similar to the interactive chart on San Diego Comic-Con International 2014, it was produced using Tableau Public to show Lebron’s performance on the court, and the salary he drew in the 11-year career with both Miami Heat and Cleveland Cavaliers.

This was quite a straight forward and relatively easier task as all the data was publicly available. The only struggle was to figure out how to embed Tableau chart into NBC CMS because the CMS (it has been updated recently) could not accept external code. It was solved by hosting the chart on my Github account and embedded in NBC website as an iframe.

Mission accomplished!

Click on the image to visit the page.


Analyzing Malaysian Budget 2013

To help Malaysiakini.com readers grasp the 2013 federal budget announced by the Malaysian government on Sep 28, 2012, I worked with our graphic designer to put together this infographic on the same day of the announcement.

It not only explains the gist of the budget, but also provides historical context and analyzes the trend of Malaysian government spending. Each chart shows an unhealthy characteristic of the government spending habit, which of course was not presented in any of the official budget reports or speeches.

The process of collecting, cleaning analyzing old data was the most challenging and time-consuming part in this project (and in most of my other projects too) as the data was in PDF format and contained conflicting figures.

The outcome however was rewarding because we were the only news outlet that provided these insights. The same infographic was updated and published again a year later on the 2014 budget after I left the company to pursue my study in New York.

For many data journalists out there, this may look like a very basic and simple data visualization, but for Malaysiakini and other Malaysian media which don’t know much about data journalism, it was a big step.

Click on the image to enter enlarged view. It was published here but somehow it went missing after a CMS change that happened after I left for New York.