Posts Tagged ‘flare’

Taking apart the federal budget (Wash Post)

Tuesday, February 2nd, 2010

[Editor’s note: Great storytelling and numerical analysis of Obama’s 2010 federal budget from The Washington Post. The introductory charting is on a single axis making it easy to compare where the money comes from and where it goes. The next tabs dig deeper, focusing on historical trends (multiple axis) and a look at the surplus/deficit. Kudos to Karen, Laura, Wilson, Jackie! Brand X uses a Tree Map visualization instead.]

Republished from The Washington Post. Feb. 2, 2010.

Interact with the original at The Washington Post . . .

screen-shot-2010-02-02-at-22201-am

screen-shot-2010-02-02-at-22146-am

News Dots (Slate)

Wednesday, September 9th, 2009

slatenewsdots

[Editor’s note: This is one of the first tools I’ve seen that links topics, people & places into a network of graduated circles based on their ranking in the news. The circles are arranged based on their edge connections within the overall topology using the Flare visualization package in Flash AS3. As seen in the above screenshot, Germany is linked to Afghanistan, NATO, the Taliban, The Washington Post, and 20 other nodes. This project is one step forward in the vision I outlined in Topology and Projections: 21st Century Cartography. Disclosure: Slate is owned by the Washington Post Company, my employer, but I was not involved in this project.]

Republished from Slate.

Introducing News DotsAn interactive map of how every story in the news is related, updated daily.

Like Kevin Bacon’s co-stars, topics in the news are all connected by degrees of separation. To examine how every story fits together, News Dots visualizes the most recent topics in the news as a giant social network. Subjects—represented by the circles below—are connected to one another if they appear together in at least two stories, and the size of the dot is proportional to the total number of times the subject is mentioned.

Like a human social network, the news tends to cluster around popular topics. One clump of dots might relate to a flavor-of-the-week tabloid story (the Jaycee Dugard kidnapping) while another might center on Afghanistan, Iraq, and the military. Most stories are more closely related that you think. The Dugard kidnapping, for example, connects to California Gov. Arnold Schwarzenegger, who connects to the White House, which connects to Afghanistan.

To use this interactive tool, just click on a circle to see which stories mention that topic and which other topics it connects to in the network. You can use the magnifying glass icons to zoom in and out. You can also drag the dots around if they overlap. A more detailed description of how News Dots works is available below the graphic.

Interact with the original and learn more at Slate . . .

INTERACTIVE GRAPHIC: The Post 200 Database (Kelso via Wash Post)

Wednesday, May 13th, 2009

gr2009051202461

[Editor’s note: Uses the Flare visualization API in Flash ActionScript 3 to display data about the Post 200 companies in a treemap format. A vexing and il-documented API, but powerful. We considered showing the data with a graduated circle map but the company locations were too clustered for that to be effective.]

Republished from The Washington Post.
13 May 2009. By Nathaniel Vaughn Kelso and Terri Rupar – The Washington Post

Use our interactive graphic to explore data — including revenue and employment — for the top companies in the Washington area.

Boxes represent individual companies grouped together by sector, size based on data.

View the interactive version at The Washington Post . . .

post200interactive

Newsmap 2.0: Google News Treemap Visualization

Monday, May 11th, 2009

[Editor's note: A new version of the venerable NewsMap app, the Google News treemap visualization. Refreshed for it's 5 year birthday.]

Republished from Newsmap.jp.

Background: Newsmap is an application that visually reflects the constantly changing landscape of the Google News news aggregator. A treemap visualization algorithm helps display the enormous amount of information gathered by the aggregator. Treemaps are traditionally space-constrained visualizations of information. Newsmap’s objective takes that goal a step further and provides a tool to divide information into quickly recognizable bands which, when presented together, reveal underlying patterns in news reporting across cultures and within news segments in constant change around the globe.

Long time overdue, here comes newsmap 2.0

The new url is at http://newsmap.jp
Still working on a couple of bugs and really trying to push some features I still think as essential.

Before:

After:

New in 2.0 is:

  • rectangularized treemap layout: To accommodate text properly, cells are as rectangular as possible, this there’s more room for headlines without chopping them off in several lines.
  • search as you type: try the new search on the top right, see how newsmap updates.
  • deep linking: you can now deep link to any state of the app. just try updating your view, and notice how the url changes. You can grab and share that url with anyone.

More to come:

  • custom tabs: save your search query as a new tab
  • custom feeds: add your own RSS feeds to the map
  • stats: learn more about your news and how you consume them!

And much, much more!