sparklines

Sparklines‘ are small graphical charts that can be inserted in line with the text. My curiosity was sparked into it when Rajesh ask me to look into for data representation in Mobiles! A discussion forum on sparklines from ‘Edward Tufte‘ ‘s website was a great starting point. Edward Tufte is well know for his contributions in the field of visual literacy and information design. Look into the comments section of the post for more implementation and insights. A example is followingsparklines_medical.jpg

Another  neat implementation of the sorting algorithm visually is the following picture.

sort_200_elementfile.jpg

The use of sparklines in financial stuff is pretty evident easily. It their inherent ability (when used properly) to pack huge amount of dense data. Following is a excerpt from the book – Beautiful Evidence where there is a chapter on Sparklines.

tables_n_sparklines.jpg

More exploration in the comments section leads to  a beautiful implementationby Mariano
yhoo.jpg

We can easily see how we can see the trends and patterns of the yahoo stock so easily … I just cannot imagine getting so much of information in far lesser a place. Imagine the use of such visualization where space is a crunch! Lovely smart use of color, font,size and shading!
Also do check out the wiki dedicated to sparklines http://sparkline.org/ and if you want to quickly play with sparklines checkout the script at http://intepid.com/stuff/sparklines/

See the stocks ticker at the bottom of this webpage … its pretty cool. Infosthetics talks about how cleverly they use sparklines to display their statistics.


Use see the use of sparklines in google finance. They have put it to great use – in general I am awed with their display flash app 🙂 ! The php script and the excel plugin are also pretty cool – I tried them out and was impressed what I could build upon in a day on the open source i.e just tweaking it to my requirements. Hope this post is pricked your interest in one of the several clever ways to show data. the excel bar graphs and pie charts are not the only ones! making them inline is cooler!

Advertisements

Published by: vinu

My life - BREESY! :-) :D Beautiful Random Enjoyable Eventful Simple Yellow Places I have lived (chronological): (country) (- state) (-- city) India - (Orissa) -- Cuttack (2yrs) -- Bhubaneshwar (3yrs) - (Maharastra) -- Bombay/Mumbai (8 + 1 yrs) - (TamilNadu) -- Madras/Chennai (6 yrs) - (Pondicherry) (1 yr) United States - (California) -- Berkeley (3 yrs) Education : IIT Madras 02, UC Berkeley 05 Work Experience: Mechanical Engineer at FORD Motor Company, India; Management Trainee at Datamatics Technologies Ltd.; Wireless Programmer at TeleCommunication Systems Inc. Passions (currently as of Dec 2005): Family, Media (visual / audio), Mobile Systems, Internet, Design Interests: Music, Movies, Photography, Enjoying nature, Playing Violin, Graphics, Business / Entrepreneurship / Managments, Spirituality, Design, Technology, Mobile / Wireless

Categories biz, design, mobile, ui1 Comment

One thought on “sparklines”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s