Creating Data Visualizations for the CBC
I recently started using Processing (processing.org) at the CBC to visualize the dependencies of the content areas on projects being built by Media Ops & Technology (MO&T). Roughly speaking, MO&T builds out platform related projects and the content areas leverage the functionality of those projects to build out their sites. The previous post here was a first sketch in chalk of how a tool to visualize these dependencies might end up looking. Turns out I wasn’t too far off.
These screenshots below show the hightlighted and un-highlighted views. What isn’t shown is the interactive component that enables users to pick which content areas they want to see and then the ability to select individual projects and highlight their dependencies.
The next visualization focused on displaying the content area’s over all dependency on each Media Ops project and then normalizing the relative impact based on audience or revenue. Below is the baseline view before audience and revenue adjustments are applied. One of the benefits of this view is that it makes it easy to see where the content areas aligned in their dependence on different Media Ops projects.
There are more projects underway to help inform discussions about where and how we expend our resources.
A big thanks goes out to everyone involved in the Processing project!
CBC Logos, 1940 - 2011.
The current red logo is coming close to be the longest running logo for the CBC.
TreeMap Progress
The following two images show the changes to the TreeMapping project as I refine the code.
The grid of smaller images below shows the different stages of the image as I add colour coding for each team’s players (red and blue) and green/black for hockey specific terms.
The hockey specific terms are somewhat subjective, for example, I specified ‘period’ as being a term that has specific mean when used in a hockey story. I have used 183 terms which are listed at the bottom of this post. I’m sure there’s room to add a few terms and some that could be removed, however the point of this project is to play with TreeMaps, not hockey terminology (but hockey makes it more fun!).

Click to see the image on Flickr

Click to see the image on Flickr
The next steps for this project might be to create a version with roll-over states.
The following is the list of hockey terminology:
- penalty
- shot
- skate
- goal
- goalie
- assist
- plus
- minus
- coach
- player
- players
- line
- roster
- play
- puck
- points
- point
- advantage
- backcheck
- backchecking
- blocker
- boarding
- body
- check
- breakaway
- butterfly
- cage
- centre
- cherry
- coast
- coincidental
- penalties
- net
- cross-checking
- dangle
- defence
- offense
- first
- second
- third
- grinder
- fourth
- deke
- delay
- game
- offside
- dirty
- player
- pass
- dump
- chase
- faceoff
- face
- wash
- fan
- five
- four
- three
- five-hole
- freeze
- freezing
- garbage
- gate
- goon
- grinder
- hash
- hat-trick
- stick
- advantage
- hooking
- hip
- icing
- left
- wing
- winger
- right
- rush
- timer
- beard
- box
- poke
- whistle
- ref
- referee
- post
- pipe
- roughing
- block
- blocked
- saucer
- screen
- screened
- shorthand
- shorthanded
- shutout
- shutdown
- slapshot
- wrist
- slashing
- slewfoot
- slot
- snap
- snapper
- pads
- stickhandling
- stoned
- trap
- zone
- zamboni
- kill
- killing
- period
- Game
- score
- scored
- regular
- season
- playoff
- playoffs
- overtime
- death
- one
- two
- three
- four
- five
- six
- seven
- tie
- save
- lead
- victory
- goals
- assists
- series
- turnovers
- defenseman
- Stanley
- Cup
- pad
- scrum
- team
- trailing
- trail
- shots
- crowd
- video
- opener
- killers
- replay
- crease
- NHL
- hockey
- linemate
- scorers
- misconduct
- NHL’s
- rebound
- contact
- pond
- fans
- supporters
- netter
- career
- games
- sweater
- scoring
- teammates
- horn
- Arena
- arena
- jersey
- boards
- defenceman
- ice
- bench
- dive
- minor
- major
- assistant
- captian
- hat
- trick
I created a TreeMap from the words in CBC Sports stories written for each Habs / Caps game in Round 1. The TreeMap graph shows the most commonly used words. I removed the 15 most commonly used non-‘hockey’ specific words such as “the”, “it”, “a” etc…
There’s a few player names that pop up, Halak and Ovechkin for obvious reasons. This is a function of their popularity and the length of their names’ relative to the size of the box.
Here’s the page with links to the stories:
http://www.cbc.ca/sports/hockey/stanleycup/round1/e1vs8.html
Created with Processing and the Wattenberg/HCIL TreeMap lib for Java



