Archive | visualization RSS feed for this section


Timeline is also great for pulling in media from different sources. It has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud. Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.

(Full Story: Timeline)


How to Pick a Chart for Your Dashboard

What would you like to show?  Comparison vs. Relationship vs. Distribution vs. Composition

(Full Story: How to Pick a Chart for Your Dashboard)

Edward Tufte, The Information Sage – The Washington Monthly Magazine

Tufte is equal parts historian, critic, and traveling revival preacher. For a few days each month, he goes on the road to teach a course called “Presenting Data and Information” in hotel ballrooms and convention centers. One afternoon, shortly after his meeting with Devaney, Tufte was teaching his course in the downstairs ballroom at the Marriott hotel in Seattle, Washington. There were 400 people in the crowd. Tufte, who is sixty-nine, and has a thinning slash of silver hair and a pair of wire-rimmed glasses that hang off his nose, was standing at the front of the room. He was wearing a wireless microphone, and held a copy of a small map above his head.

(Full Story: Edward Tufte, The Information Sage – The Washington Monthly Magazine)

Twitter Sparkline Generator

Data Driven is proud to release Sparkbars! In Twitter! v2.0 As Twitter now accepts Unicode, we can use the block elements to create a sparkline
Open the Excel workbook, paste up to 140 values in column A, copy the resulting code out to Twitter, remove the extra return marks.

(Full Story: Twitter Sparkline Generator)

d3.js – a small JavaScript library for manipulating documents based on data.

D3 is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such as CSS3, HTML5 and SVG. It avoids learning a new intermediate proprietary representation. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. And, for those common needs, D3’s functional style allows code reuse through a diverse collection of optional modules.

(Full Story: d3.js – a small JavaScript library for manipulating documents based on data.)

code_swarm – visualizing commits

This visualization, called code_swarm, shows the history of commits in a software project. A commit happens when a developer makes changes to the code or documents and transfers them into the central project repository. Both developers and files are represented as moving elements. When a developer commits a file, it lights up and flies towards that developer. Files are colored according to their purpose, such as whether they are source code or a document. If files or developers have not been active for a while, they will fade away. A histogram at the bottom keeps a reminder of what has come before.
(Link: code_swarm – visualizing commits)

75+ Tools for Visualizing your Data, CSS, Flash, jQuery, PHP | tripwire magazine

Images says more than a thousands words. It is common sense and wise people has followed this rule for centuries by creating illustrations of thier ideas and thoughts. Today it is easier than ever as the technology for presenting nearly any type of information as a graph or chart on a web page is getting really mature. Reading through this article you will be faced with the problem on what technology and specific implementation you should use. It is not a trivial question and I recommend that you use comments on this article to share your ideas, concerns etc. with peer readers. This way you may get the input from the community that you need to create the optimal solution.
(Link: 75+ Tools for Visualizing your Data, CSS, Flash, jQuery, PHP | tripwire magazine)