background preloader

Vizulization

Facebook Twitter

H&FJ News. Jason Kottke turned me on to this fantastic data visualization by Zach Beane, showing this year’s box office gross for American movies. Like this related graphic at The New York Times, it uses the x-axis for time and the height of each node to indicate revenue, but presents the data in a way that allows readers to infer four additional kinds of information — without having to complicate the graphic: The position on the y-axis represents each film’s rank, revealing the importance of a strong opening weekend (but begging the question of how The Bucket List, which opened in 23rd place, became the #1 movie in America the following week; something to do with New Year’s Day?)

The slope of each line conveys the distinction between films with a slow burn (Juno) and those that flamed out (Cloverfield.) Finally, I appreciate the way Beane used rollovers to reveal the names of the films themselves. BuzzData. Flare | Demos. Data Visualization. Definition: Tools that help users discern patterns in data--dynamic graphs, charts, maps, plots, etc. Tools: Chartle: Create simple interactive charts. (Web-based, free)ColorBrewer: Interactive tool for selecting most appropriate colors for maps and other visualizations (Web-based, free)Dundas: produces digital dashboard visualizations (Web-based, commercial) Exhibit: "enables you to create html pages with dynamic exhibits of data collections without resorting to complex database and server-side technologies.

The collections can be searched and browsed using faceted browsing. Resources: BigSee: web-services based experiment in high-performance text visualizationBrian Croxall's evaluation of timeline toolsDashboard Insight, examines creating dashboard-style visualizationsELI, 7 Things You Should Know About Data VisualizationGapMinderGraphs, Maps, Trees: Abstract Models for a Literary History (Google Books), Franco Moretti. See also: Highcharts - Interactive JavaScript charts for your webpage. Examples. Enjoy these sample visualizations built with Protovis. For any example, use your browser to view the source or the backing dataset. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB).

The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in Protovis; for more details, please read the introduction and browse the examples. Conventional While Protovis is designed for custom visualization, it is still easy to create many standard chart types. Area Charts Bar & Column Charts Scatterplots Pie & Donut Charts Line & Step Charts Stacked Charts Grouped Charts Custom Many charting libraries provide stock chart designs, but offer only limited customization; Protovis excels at custom visualization design through a concise representation and precise control over graphical marks. Anderson’s Flowers Becker’s Barley Bertin’s Hotel Streamgraphs Sparklines Bullet Charts. David mccandless.