More often than not, numerical data is best presented visually, in a chart.
There's no question, a good chart can have tremendous visual impact and make boring data come alive.
So, a good 3d bar graph or pie chart can really help when it comes to illustrating numbers. Stephanie Edwards-Musa wanted to know if there was an easy way to get create chart graphics for inclusion in posts here on ActiveRain.
There is.
Google To The Rescue
The recently updated spreadsheet application from Google has a very cool feature that allows you to export charts to an image file (PNG) to use wherever you see fit. The graphic you see here in this post was created using a Google spreadsheet. Here is a link to the actual Tom And Jerry spreadsheet.
The video simply walks through the steps required to go from data to chart to graphic. It's ridiculously simple. And, the tool gives you visual feedback on the changes you make to your chart as you go.
Here's the video:
And For My Fellow MAC Users Out There... iWork's Numbers has amazing charting features.

Example 3d Chart from Apple's iWork '08.
blockquote {margin: 0pt 0pt 0pt 30px; padding: 10px 0pt 0pt 20px; width:500px; background: transparent url(http://www.realestateshows.com/jeff/quotes.gif) no-repeat scroll left top; font-size: 120%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #356D9E; line-height: 1.2em;} h2 { color:#356D9E!important; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:20px!important; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0pt; line-height:24px;a margin:9pt 0pt 0px; padding:6px 0pt 0px; } h3 { color:#356D9E!important; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:20px!important; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0pt; line-height:24px; margin:9pt 0pt 0px; padding:6px 0pt 0px; } a { color:#356D9E; text-decoration:underline; } p{ margin-top:2px!important;} a:hover { color:#ffffff; text-decoration:none; background:#356D9E; border 1px solid #DDA603 }

Comments (85)Subscribe to CommentsComment