Tag Archives: tableau

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.

Common Core Standards Interactive Map

This interactive map was published in NBC Local Media websites after I finished my summer internship there. Rather than a standalone story, It serves as a complementary data component to the story that summarizes the current situation of the much debated Common Core Standards.

Such evergreen data component is useful when you know the issue will remain in the media for quite some time. The chart can be updated by just changing the data in the spreadsheet.

Again, I made the map using Tableau Public. I have discussed about some of its features here and here. Another advantage about this free data visualization tool is that different charts can be integrated into a single frame, and respond to user interaction. When you click on the items in the legend, both the map and the column chart will be highlighted.

The last time I checked on Tableau Public (click on ‘See more by this author’ below the map) , this chart has been viewed over 11,000 times.  Dataviz rocks!

Click on the screen capture below to visit the story page where you can find the interactive map.

common-core-map

 

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.

lebronimage