FlowingData Forums » Data Visualization

NHL finals visualized over time (html5 demo)

Started 1 year ago by robby1066 / 6 posts

  1. robby1066
    Member
    Posted 1 year ago #

    Hi there,
    I just created an HTML5 visualization of the NHL teams that have played in the Stanley Cup finals since they started competing for it in 1927. I thought I'd share and see if you guys had any feedback on it.

    http://vis.robbymacdonell.com/stanley-cup/

    It was a fun exploration of what could be accomplished with just HTML, javascript, and CSS. I was trying to see how rich a visualization I could create without resorting to using Flash.

    The big bummer is that it doesn't work at all in Internet Explorer, due to the lack of support for the canvas element. But it works in Chrome, Safari, and 95% in Firefox.

    Thanks,
    Robby

  2. nathany
    FlowingData Editor
    Posted 1 year ago #

    nice work!

  3. bvmou
    Member
    Posted 1 year ago #

    Very cool!

  4. Djam
    Member
    Posted 1 year ago #

    Great!

    In what order did you place the team icons?

    I think there is certain ordering, but not sure if it adds any value...

    Why not try:
    - Latest finalists to the right
    or
    - Most appeared in finals to the left

  5. robby1066
    Member
    Posted 1 year ago #

    The idea was that it would be ordered by their earliest appearance, left-to-right. But there's a few places where it's wrong (Dallas is an example, I merged their wins and losses with the Minnesota North Stars, who relocated to Dallas in '93, thus screwing up the order). I agree, it would probably help to make it more consistent.

    Ordering by most appearances might be more interesting, now that you mention it. Probably easier to understand, too. Especially if there was some way to note the count without adding too much clutter. Perhaps in the title so it only shows when a team is hovered over.

  6. lupka
    Member
    Posted 1 year ago #

    This is really cool. Sad that IE is still in the dark ages though. I can only imagine the cool stuff that will come from these new HTML5 features once a higher percentage of users are able to view them.


Reply

You must log in to post.

About this Topic

Tags