20
Feb 09

Animated Word Cloud for Temporal Summarization

My original inspiration to monkey with the lizard feeder was a vision of an animated summary of the content as it flowed through. I realized a tiny piece of this in a GreaseMonkey script - install or video.

High speed play-back is neat, and appealing in principle, but largely unusable. Even FriendFeed realtime suffers from some of the same visual glitches as the item you’re reading moves downward. I started to play with a columnar layout thinking that horizontal jumps would be easier than vertical for tracking flowing text blocks.

The word cloud visualization is far from the target, but gotta love a deadline. I’d imagined a deeper understanding of the content, to better drive the messy text normalization, and more expressive typography. The algorithm moves recently repeated items to the top of the list, mixing recency and frequency. A decay function, and some animation niceties, could dramatically improve the aesthetics.


by andyed | About the author:

Related Posts


Comments


Posted on Friday, February 20th, 2009 at 6:59 am and is filed under General, Mozilla, Typography, Visualization. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
3 Comments so far

  1. 1 Dave Bottoms on February 20, 2009

    Andy — really cool stuff! Really like this direction. Thanks for sharing and posting a link via the submission bug.

  2. 2 Jason Priem on May 4, 2009

    This is a good idea; I agree with you that some animation on the tagcloud might improve things. I wrote some Javscript functions to do that for a recent project; you’re welcome to borrow and improve any of that stuff.

    You’ve got the right idea to mix recency and frequency measures, although it might be nice to display the balance, and let the user modify it on the fly. Visualizing real-time changes like this is a real challenge; there have been a number of really flashy visualizations of activity on Digg, for example, that I think have been more sweetness than substance. But I think you’ve got something useful here.

  3. 3 andyed on May 11, 2009

    Thanks Jason! I’d played with FeedVis a while back and am pulling the code to peek around :-)

Name

Email

Website

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share your wisdom