<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog</title>
	<atom:link href="http://blog.oomfo.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.oomfo.com</link>
	<description>oomfo helps you create stunning and powerful charts in PowerPoint. The blog talks about how to extend the data visualization capabilities of your presentations using oomfo.</description>
	<lastBuildDate>Tue, 04 Oct 2011 14:34:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>Presenting Real-time Google Analytics Data in PowerPoint: Live Charts, Lesser Heartburn, Greater Accuracy</title>
		<link>http://blog.oomfo.com/2011/10/presenting-real-time-google-analytics-data-in-powerpoint-live-charts-lesser-heartburn-greater-accuracy/</link>
		<comments>http://blog.oomfo.com/2011/10/presenting-real-time-google-analytics-data-in-powerpoint-live-charts-lesser-heartburn-greater-accuracy/#comments</comments>
		<pubDate>Sun, 02 Oct 2011 16:10:24 +0000</pubDate>
		<dc:creator>Hrishikesh Choudhari</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[google analytics]]></category>
		<category><![CDATA[live charts]]></category>
		<category><![CDATA[live data charting]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=388</guid>
		<description><![CDATA[What does an SEO agency gearing up for a client review, an advertiser trying to showcase media to potential buyers, a business head trying to prove his worth to an investor, and an  in-house analyst trying to streamline ecommerce operations have in common? The heartburn of having to put together a meaningful story from the 

<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint with Twitter Analytics data'>Create live charts in PowerPoint with Twitter Analytics data</a></li>
<li><a href='http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint from SalesForce &#8211; Revenues, forecasts and more'>Create live charts in PowerPoint from SalesForce &#8211; Revenues, forecasts and more</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p></p><p>What does an SEO agency gearing up for a client review, an advertiser trying to showcase media to potential buyers, a business head trying to prove his worth to an investor, and an  in-house analyst trying to streamline ecommerce operations have in common? The heartburn of having to put together a meaningful story from the exhaustive data in their Google Analytics account. First, pulling out the right information and tying it together in a neat presentation for the report is at least a half day&#8217;s work (on a good day). And since website information changes rapidly, the report could get obsolete before it even gets presented. And finally, the routine of pulling out fresh data, exporting it to Excel to run some numbers and putting that back into PowerPoint is just downright boring.</p>
<p><strong>But what if you did not have to do any of this? If you could just create your presentation once and have it updated in real-time?</strong> Sounds unbelievable, right? In this post we&#8217;ll show you how oomfo can ensure that your analytics presentations are always up-to-date, every time!<span id="more-388"></span></p>
<p>oomfo makes sure that your presentation has the latest information every time you run a slide show, through a <a href="#connectors">connector</a> which logs in to Google Analytics for you and retrieves all the relevant data. You wouldn&#8217;t ordinarily have to worry too much about the connectors after the initial setup, unless you have some legacy data sources that need customization and inputs from your IT team. Anyway, we have a detailed explanation of what connectors are and how they do what they do <a href="#connectors">towards the end of this post</a>.</p>
<p>By following the simple steps in this post, you will be able to create a scalable PowerPoint presentation that presents live Google Analytics data every time you run it.</p>
<h2>Getting Started</h2>
<p>To begin with, you will need:</p>
<ol>
<li>PowerPoint 2003 / XP / 2007 / 2010. (Only 32-bit version for PowerPoint 2010).</li>
<li>The latest oomfo add-in installed. Get the <a href="http://oomfo.com/download/">latest version of oomfo here</a>.</li>
<li>The oomfo connector for Google Analytics. Download the <a href="http://blog.oomfo.com/wp-content/uploads/2011/10/GoogleAnalytics_oomfo_connector.zip">Google Analytics connector here</a>.</li>
<li>Your Google Analytics Profile ID. You can <a href="http://code.google.com/apis/analytics/docs/gdata/gdataExplorer.html" target="_blank">get your Profile ID</a> here AFTER logging into your Google Analytics account.</li>
<li>An active internet connection when viewing the presentation, to get the latest data.</li>
<li>A linux server to host the connector. Your IT department can help you with this, or you can find <a href="http://www.howtoforge.com/ubuntu_lamp_for_newbies">more information here</a>.</li>
<li>You will also need to enable cURL on the Linux server. You can find <a href="http://buzznol.blogspot.com/2008/12/install-curl-extension-for-php-in.html">more information on this here</a>.</li>
</ol>
<h2>Which charts does the Google Analytics connector provide out of the box?</h2>
<p>Using the Google Analytics connector provided, you can create 8 different kinds of charts. To make them easier to refer and use, we&#8217;ve named each one with an alias:</p>
<ul>
<li><code class="codecolorer javascript default"><span class="javascript">visitorsbycount</span></code>: Number of visitors, sorted by their visit count.</li>
<li><code class="codecolorer javascript default"><span class="javascript">visitorsbydate</span></code>: Total number of visitors for every day of the period you specify.</li>
<li><code class="codecolorer javascript default"><span class="javascript">pageviewsbydate</span></code>: Total number of pageviews for every day of the period you specify.</li>
<li><code class="codecolorer javascript default"><span class="javascript">visitorsbysource</span></code>: Number of visitors, grouped by the source from which they come from.</li>
<li><code class="codecolorer javascript default"><span class="javascript">visitorsbycountry</span></code>: Number of visitors, grouped by their country.</li>
<li><code class="codecolorer javascript default"><span class="javascript">visitortype</span></code>: Number of visitors, categorized by New Visitors and Returning Visitors.</li>
<li><code class="codecolorer javascript default"><span class="javascript">ismobile</span></code>: Number of visitors who come from a mobile device versus from a desktop/laptop.</li>
<li><code class="codecolorer javascript default"><span class="javascript">exitpagepath</span></code>: The number of visitors who leave your site, grouped by the exit page (last page they were on before leaving).</li>
</ul>
<p>These calls provide the metrics that SEO specialists require most often. Now that we got that covered, let&#8217;s jump right in to making a slide deck with real-time Google Analytics.</p>
<h2>Creating the charts in your presentation</h2>
<p>Let us start off with the <code class="codecolorer javascript default"><span class="javascript">visitorsbycount</span></code> call. You will be required to use your Google Analytics login credentials to use this connector. We&#8217;ll show you how and where to enter them.</p>
<ol>
<li>Open PowerPoint, and click on the <code class="codecolorer javascript default"><span class="javascript">Insert</span></code> tab. On the right hand side of the ribbon should see the cluster of oomfo buttons.<br />
<img class="aligncenter size-full wp-image-335" title="Cluster of oomfo buttons" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_insert_tab1.png" alt="Cluster of oomfo buttons" width="210" height="89" /></li>
<li>Click on the <code class="codecolorer javascript default"><span class="javascript">Insert Chart</span></code> button. An oomfo window should open.</li>
<li>Select <code class="codecolorer javascript default"><span class="javascript">Single Series</span></code> from the drop down, and select <code class="codecolorer javascript default"><span class="javascript">3D column chart</span></code>.
<p style="text-align: center;"><img class="aligncenter size-full wp-image-395" title="Select the 3D Column chart from the Single Series menu" src="http://blog.oomfo.com/wp-content/uploads/2011/09/column3d.png" alt="Select the 3D Column chart from the Single Series menu" width="321" height="356" /></p>
</li>
<li>In the <code class="codecolorer javascript default"><span class="javascript">Chart Data</span></code> tab, click on <code class="codecolorer javascript default"><span class="javascript">External Data Source</span></code> &gt; <code class="codecolorer javascript default"><span class="javascript">XML from File<span style="color: #339933;">/</span>URL</span></code>.<img class="aligncenter size-large wp-image-337" title="External Data Source in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_external1-650x472.gif" alt="External Data Source in oomfo from the Chart Data tab" width="650" height="472" />You will need to enter the connector’s URL along with some parameters in the top textbox. Now let us construct this URL.</li>
<li>The connector&#8217;s URL should read <code class="codecolorer html4strict default"><span class="html4strict">http://yoursite.com/path_to_file/GoogleAnalytics.php</span></code>. Replace <code class="codecolorer html4strict default"><span class="html4strict">yoursite.com</span></code> with the URL of the server where the connector is hosted. Make sure you get the correct URL. This URL now needs parameters according to which it will query and provide the right data for your presentation.</li>
<li> For the <code class="codecolorer javascript default"><span class="javascript">visitorsbycount</span></code> call, you will need to provide the following parameters:<br />
<table style="border: 1px solid #c7c7c6;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitorsbycount</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p>Here is how you can configure the parameters and the URL:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=yourpassword&amp;profile_id=ga:yourprofileid&amp;type=visitorsbycount&amp;start-date=yyyy-mm-dd&amp;end-date=yyyy-mm-dd</span></div></div><div class="code-holder-bottom"></div></div>
<p>Please notice the <code class="codecolorer javascript default"><span class="javascript"><span style="color: #339933;">?</span></span></code> and the <code class="codecolorer javascript default"><span class="javascript"><span style="color: #339933;">&amp;</span></span></code>; it is required exactly in the way shown. Replace <code class="codecolorer javascript default"><span class="javascript">youremail<span style="color: #339933;">@</span>abc.<span style="color: #660066;">com</span></span></code>, <code class="codecolorer javascript default"><span class="javascript">yourpassword</span></code> and <code class="codecolorer javascript default"><span class="javascript">yourprofileid</span></code> with the email address and password you use to access your Google Analytics, and your profile ID respectively.</li>
<li>Now click on <code class="codecolorer javascript default"><span class="javascript">Load</span></code>, and you would get the data in the text area below. Click on <code class="codecolorer javascript default"><span class="javascript">OK</span></code> &gt; <code class="codecolorer javascript default"><span class="javascript">Finish</span></code>.
<p style="text-align: center;"><img class="aligncenter size-full wp-image-394" title="Visitors by Count" src="http://blog.oomfo.com/wp-content/uploads/2011/09/visitors.png" alt="Visitors by Count" width="509" height="376" /></p>
</li>
</ol>
<p>There you have it! A live count of your visitors sorted by the number of visits in just seven steps!</p>
<p>But wait- you have 7 calls more to play around with. For each call, you would only have to modify the parameters in the final URL.</p>
<h2>Details of each call</h2>
<h3>visitorsbycount (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitorsbycount</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=visitorsbycount&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-394" title="Visitors by Count" src="http://blog.oomfo.com/wp-content/uploads/2011/09/visitors.png" alt="Visitors by Count" width="509" height="376" /></p>
<h3 style="display: inline !important;">visitorsbydate (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitorsbydate</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=visitorsbydate&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
<p style="text-align: center;"><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbydate.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-large wp-image-438" title="Visitors by date" src="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbydate-650x321.png" alt="Visitors by date" width="650" height="321" /></a></p>
<h3 style="display: inline !important;">pageviewsbydate (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">pageviewsbydate</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p style="display: inline !important;">Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=pageviewsbydate&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
</p>
<p><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/pageviewsbydate.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-large wp-image-439" title="Pageviews by date" src="http://blog.oomfo.com/wp-content/uploads/2011/10/pageviewsbydate-650x315.png" alt="Pageviews by date" width="650" height="315" /></a></p>
<h3 style="display: inline !important;">visitorsbysource (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitorsbysource</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p style="display: inline !important;">Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=pageviewsbydate&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
</p>
<p style="display: inline !important; text-align: center;"><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbysource.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-large wp-image-440" title="Visitors by source" src="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbysource-650x266.png" alt="Visitors by source" width="650" height="266" /></a></p>
<h3 style="display: inline !important;">visitorsbycountry (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitorsbycountry</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p style="display: inline !important;">Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=visitorsbycountry&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
</p>
<p style="display: inline !important;"><img class="aligncenter size-large wp-image-399" title="Visitors by Country" src="http://blog.oomfo.com/wp-content/uploads/2011/09/visitorsbycountry-650x269.png" alt="Visitors by Country" width="650" height="269" /></p>
<h3>visitortype (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">visitortype</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=visitortype&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
<p style="text-align: center;"><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbytype.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-full wp-image-441" title="Visitors by Type" src="http://blog.oomfo.com/wp-content/uploads/2011/10/visitorsbytype.png" alt="" width="517" height="301" /></a></p>
<h3>ismobile (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">ismobile</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p style="display: inline !important;">Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=ismobile&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
</p>
<p style="display: inline !important; text-align: center;"><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/ismobile.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-full wp-image-442" title="Percentage of users from mobile devices" src="http://blog.oomfo.com/wp-content/uploads/2011/10/ismobile.png" alt="Percentage of users from mobile devices" width="487" height="348" /></a></p>
<h3>exitpagepath (single-series)</h3>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">exitpagepath</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p style="display: inline !important;">Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=exitpagepath&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
</p>
<p style="display: inline !important; text-align: center;"><img class="aligncenter size-full wp-image-402" title="Visitors by Exit-Page-Path" src="http://blog.oomfo.com/wp-content/uploads/2011/09/exitpagepath.png" alt="Visitors by Exit-Page-Path" width="510" height="373" /></p>
<h3>custom (single-series)</h3>
<p>We wanted to provide you an option to create a chart using your own dimensions and metrics. The <a href="http://code.google.com/apis/analytics/docs/gdata/gdataExplorer.html" target="_blank">Google Analytics Query Explorer</a> provides you an amazing way to try out newer combinations. To create such a custom call:</p>
<table border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">email</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email ID</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">password</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics email password</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">profile_id</td>
<td style="text-align: center;" width="319" valign="top">Google Analytics Profile ID (sample &#8212; ga:123456)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">type</td>
<td style="text-align: center;" width="319" valign="top">custom</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">dimensions</td>
<td style="text-align: center;" width="319" valign="top">A valid dimension (eg. ga:continent)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">metrics</td>
<td style="text-align: center;" width="319" valign="top">A valid metric (eg. ga:visitors)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">sort</td>
<td style="text-align: center;" width="319" valign="top">A valid sorting attribute (eg. -ga:visitors)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">start-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">end-date</td>
<td style="text-align: center;" width="319" valign="top">YYYY-MM-DD</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/GoogleAnalytics.php?email=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;profile_id=ga:xxxxxx&amp;type=custom&amp;dimensions=ga:continent&amp;metrics=ga:visitors&amp;sort=-ga:visitors&amp;start-date=YYYY-MM-DD&amp;end-date=YYYY-MM-DD</span></div></div><div class="code-holder-bottom"></div></div>
<p style="display: inline !important; text-align: center;"><img class="aligncenter size-full wp-image-403" title="Visitors by Continent" src="http://blog.oomfo.com/wp-content/uploads/2011/09/visitorsbycontinent.png" alt="Visitors by Continent" width="639" height="372" /></p>
<h4>Quick tip:</h4>
<p>If you&#8217;d rather not enter your email, password and profile id every time, you can enter these in the GoogleAnalytics.php file that you&#8217;ve downloaded. You can open the file in any plain text editor, and add the email address on line 10, the password on line 11 and the profile id on line 12. These have to be written within the quotes provided. And then un-comment the 3 lines by deleting the 2 slashes at the beginning of each line.</p>
<p><a href="http://blog.oomfo.com/wp-content/uploads/2011/10/code.png" rel="wp-prettyPhoto[g388]"><img class="aligncenter size-large wp-image-443" title="Save your credentials in the connector's file" src="http://blog.oomfo.com/wp-content/uploads/2011/10/code-650x185.png" alt="Save your credentials in the connector's file" width="650" height="185" /></a></p>
<p>After doing this, you would not have to write these in your query string everytime. However, be aware that your credentials are stored in plain-text for anyone to see.</p>
<p><a name="connectors" href="#"></a></p>
<h2>The Magic Connectors</h2>
<p>oomfo can automatically pull data from any data source that can be accessed from your browser, be it SalesForce, Google Docs, Google Analytics, Twitter, SharePoint, your CRM or ERP system, or even local files. All one needs to have, is a <em>connector</em>. A connector is something that talks to the data source, retrieves data, and presents it in a structure that oomfo understands.</p>
<p>Now for the difficult part. The connector is a web page (with programming instructions) that can talk to various other systems on web or your enterprise network like Twitter, SalesForce, Google Analytics, Google Docs, your ERP or CRM. If login credentials are required for any of these services, then these will have to be provided to the connectors. It’s like the connector is logging instead of you, getting the latest data, converting it into XML format and updating it in PowerPoint, while you are enjoying your siesta or the game. This will happen automatically every time the presentation is viewed as a slideshow.</p>
<p>Now before you start sending emails to your IT team, let us quickly tell you that we provide the connector for Google Analytics, <a title="Create live charts in PowerPoint from SalesForce – Revenues, forecasts and more" href="http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/">SalesForce</a>, and have <a title="Live charts from Twitter Analytics" href="http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/" target="_blank">done it for Twitter earlier</a>. However, if you have a proprietary ERP or CRM system or one hidden behind your firewall, you might have to get your IT team involved.</p>
<h3 style="display: inline !important;">Summing it up</h3>
<p>In this blog post we saw how to create live charts in PowerPoint using your Google Analytics data. If you understand PHP, you can open the connector provided and see how we connected to the Google Analytics API, retrieved data and built the XML. The XML is based on the <a href="http://www.fusioncharts.com/docs/?DataFormats/XML/Overview.html">FusionCharts format</a>. In the coming posts, we will talk more about how the connector was built and the programming side of things.</p>
<p>If you want more oomfo goodness, you can read more about the <a href="http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/" target="_blank">connector for Twitter</a> and the <a href="http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/" target="_blank">connector for SalesForce</a>.</p>


<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint with Twitter Analytics data'>Create live charts in PowerPoint with Twitter Analytics data</a></li>
<li><a href='http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint from SalesForce &#8211; Revenues, forecasts and more'>Create live charts in PowerPoint from SalesForce &#8211; Revenues, forecasts and more</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/10/presenting-real-time-google-analytics-data-in-powerpoint-live-charts-lesser-heartburn-greater-accuracy/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Create live charts in PowerPoint from SalesForce &#8211; Revenues, forecasts and more</title>
		<link>http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/</link>
		<comments>http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/#comments</comments>
		<pubDate>Wed, 24 Aug 2011 12:01:01 +0000</pubDate>
		<dc:creator>Hrishikesh Choudhari</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[connector]]></category>
		<category><![CDATA[live charts]]></category>
		<category><![CDATA[live data charting]]></category>
		<category><![CDATA[SalesForce]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=330</guid>
		<description><![CDATA[Before every week&#8217;s sales performance review with your manager, you need to present your SalesForce numbers in the best light possible. You go to your SalesForce account, set some filters and run a report on those filters. Then you export it as an Excel document and import the data in PowerPoint. Finally, you create charts 

<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint with Twitter Analytics data'>Create live charts in PowerPoint with Twitter Analytics data</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p></p><p>Before every week&#8217;s sales performance review with your manager, you need to present your SalesForce numbers in the best light possible. You go to your SalesForce account, set some filters and run a report on those filters. Then you export it as an Excel document and import the data in PowerPoint. Finally, you create charts to suit to the meeting&#8217;s agenda. You do this boring and time-consuming task every Friday, before your weekly meeting. Haven&#8217;t you had enough of it? <strong>Don&#8217;t you think you spend more time creating reports and charts, and less time actually selling?</strong><span id="more-330"></span></p>
<p>You sure do. In this post, we’ll teach how to use oomfo to automate all of this for you. You create the charts once, connect them to SalesForce and never <em>ever</em> have to update it again. Yes, you will have live charts with up-to-date data every time you go into your meeting.</p>
<p>Sounds hard to believe, but let us show you how.</p>
<h2>The Magic Connectors</h2>
<p>oomfo can automatically pull data from any data source that can be accessed from your browser, be it SalesForce, Google Docs, Google Analytics, Twitter, SharePoint, your CRM or ERP system, or even local files. All one needs to have, is a <em>connector</em>. A connector is something that talks to the data source, retrieves data, and presents it in a structure that oomfo understands.</p>
<p>Now for the difficult part. The connector is a web page (with programming instructions) that can talk to various other systems on web or your enterprise network like Twitter, SalesForce, Google Analytics, Google Docs, your ERP or CRM. If login credentials are required for any of these services, then these will have to be provided to the connectors. It’s like the connector is logging instead of you, getting the latest data, converting it into XML format and updating it in PowerPoint, while you are enjoying your siesta or the game. This will happen automatically every time the presentation is viewed as a slideshow.</p>
<p>Now before you start sending emails to your IT team, let us quickly tell you that we provide the connector for SalesForce, and have <a title="Live charts from Twitter Analytics" href="http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/" target="_blank">done it for Twitter earlier</a>. We will provide a connector for Google Analytics very soon. However, if you have a proprietary ERP or CRM system or one hidden behind your firewall, you might have to get your IT team involved.</p>
<p>So let&#8217;s dive in to the SalesForce connector, which is written in PHP and accesses the SalesForce API.</p>
<h2>How to get started</h2>
<p>To begin with, you need:</p>
<ol>
<li>PowerPoint 2003 / XP / 2007 / 2010. (Only 32-bit version for PowerPoint 2010).</li>
<li>The latest oomfo add-in installed. Get the <a href="http://oomfo.com/download/">latest version of oomfo</a>.</li>
<li>Download the <a href="http://blog.oomfo.com/wp-content/uploads/2011/08/SalesForce.zip">SalesForce connector</a>.</li>
<li>Get your SalesForce Security Token from <code class="codecolorer javascript default"><span class="javascript">My Personal Information</span></code> &gt; <code class="codecolorer javascript default"><span class="javascript">Reset Security Token</span></code>. The token will be sent to your email which you use to login into SalesForce.</li>
<li>When viewing the presentation, you will also require an active internet connection to get the latest data.</li>
<li>Request your IT department to host the connector on a Linux server. <a href="http://www.howtoforge.com/ubuntu_lamp_for_newbies">More info here</a>.</li>
<li>Request your IT department to enable cURL on the Linux server. <a href="http://buzznol.blogspot.com/2008/12/install-curl-extension-for-php-in.html">More info here</a>.</li>
</ol>
<h2>Charts provided by the SalesForce Connector</h2>
<p>Using the SalesForce connector provided, you can create 5 different kinds of charts:</p>
<ul>
<li><code class="codecolorer javascript default"><span class="javascript">LeadsByStatus</span></code>: This call gives you the count of Leads sorted by Status, and shows the Annual Revenue generated by Contacted and Closed Leads in the tooltips.</li>
<li><code class="codecolorer javascript default"><span class="javascript">PipeLineByStageAndType</span></code>: This call gives you the Stages as Categories, Revenue as Values and Type as grouped within Stages.</li>
<li><code class="codecolorer javascript default"><span class="javascript">TotalPipeline</span></code>: This call gives the breakup of the Pipeline by Stage.</li>
<li><code class="codecolorer javascript default"><span class="javascript">TopAccounts</span></code>: This call gives you the annual revenue of top &#8216;x&#8217; number of accounts.</li>
<li><code class="codecolorer javascript default"><span class="javascript">TopNewProspects</span></code>: This call shows the top ‘x’ new prospects ordered by expected revenue.</li>
</ul>
<p>These calls provide the metrics that a sales department would require the most.</p>
<h2>Let’s see the charts in action</h2>
<p>We will be trying out the <code class="codecolorer javascript default"><span class="javascript">LeadsByStatus</span></code> call. You will be required to use your SalesForce login credentials to use this connector. We&#8217;ll show you how and where to write them.</p>
<p>Start PowerPoint, click on the <code class="codecolorer javascript default"><span class="javascript">Insert</span></code> tab, and on the right hand side of the ribbon you would see the cluster of oomfo buttons.<br />
<img class="aligncenter size-full wp-image-335" title="Cluster of oomfo buttons" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_insert_tab1.png" alt="Cluster of oomfo buttons" width="210" height="89" /></p>
<p>Click on the <code class="codecolorer javascript default"><span class="javascript">Insert Chart</span></code> button. In the oomfo window, select <code class="codecolorer javascript default"><span class="javascript">Single Series</span></code> from the drop down, and select <code class="codecolorer javascript default"><span class="javascript">3D column chart</span></code>.</p>
<p><img class="aligncenter size-full wp-image-334" title="Select &quot;Single Series&quot; from the menu" src="http://blog.oomfo.com/wp-content/uploads/2011/08/Select-Single-Series.png" alt="Select &quot;Single Series&quot; from the oomfo menu" width="324" height="362" /></p>
<p>In the <code class="codecolorer javascript default"><span class="javascript">Chart Data</span></code> tab, click on <code class="codecolorer javascript default"><span class="javascript">External Data Source</span></code> &gt; <code class="codecolorer javascript default"><span class="javascript">XML from File<span style="color: #339933;">/</span>URL</span></code>.</p>
<p><img class="aligncenter size-large wp-image-337" title="External Data Source in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_external1-650x472.gif" alt="External Data Source in oomfo from the Chart Data tab" width="650" height="472" /></p>
<p>You would be writing the connector’s URL along with the parameters in the textbox to the right. The general structure of the URL would be <code class="codecolorer javascript default"><span class="javascript">URL path</span></code> + <code class="codecolorer javascript default"><span class="javascript">username</span></code> + <code class="codecolorer javascript default"><span class="javascript">passwordandsecuritytoken</span></code> + <code class="codecolorer javascript default"><span class="javascript">call type</span></code> + <code class="codecolorer javascript default"><span class="javascript">parameters  and values required <span style="color: #000066; font-weight: bold;">for</span> each call</span></code>. We will now see how to construct this properly.</p>
<p>To authenticate this connector with your SalesForce account, follow this pattern:</p>
<p style="padding-left: 30px;">If your password is <code class="codecolorer javascript default"><span class="javascript">mypassword</span></code></p>
<p style="padding-left: 30px;">And your security token is <code class="codecolorer javascript default"><span class="javascript">XXXXXXXXXX</span></code></p>
<p style="padding-left: 30px;">For this connector, you must enter <code class="codecolorer javascript default"><span class="javascript">mypasswordXXXXXXXXXX</span></code> in place of the <code class="codecolorer javascript default"><span class="javascript">passwordandsecuritytoken</span></code> above.</p>
<p>Paste the connector&#8217;s URL in the textbox. It should be <code class="codecolorer html4strict default"><span class="html4strict">http://yoursite.com/path_to_file/SalesForce.php</span></code>. Here <code class="codecolorer html4strict default"><span class="html4strict">yoursite.com</span></code> is just a placeholder and should be replaced by the URL of your server, to which your IT team has copied the connector file. Make sure you get the correct URL. This URL now needs parameters according to which it will query and return the data.</p>
<p>For the <code class="codecolorer javascript default"><span class="javascript">LeadsByStatus</span></code> call, we require the following parameters:</p>
<table style="border: 1px solid #c7c7c6;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">LeadsByStatus</td>
</tr>
</tbody>
</table>
<p>Here is how you would configure the URL:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=LeadsByStatus</span></div></div><div class="code-holder-bottom"></div></div>
<p>Please notice the <code class="codecolorer javascript default"><span class="javascript"><span style="color: #339933;">?</span></span></code>; it is required exactly in the way shown. Now click on <code class="codecolorer javascript default"><span class="javascript">Load</span></code>, and you would get the data in the text area below. Click on <code class="codecolorer javascript default"><span class="javascript">OK</span></code> &gt; <code class="codecolorer javascript default"><span class="javascript">Finish</span></code>.</p>
<p><img class="aligncenter size-large wp-image-351" title="Live chart of Leads by Status from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/Leads1-650x442.png" alt="Live chart of Leads by Status from SalesForce in oomfo" width="650" height="442" /></p>
<p>There you have it! A live count of the count of Leads sorted by Status! These values would keep updating each time you start your presentation.</p>
<p>You can try changing the chart type from <code class="codecolorer javascript default"><span class="javascript">2D Pie</span></code> to <code class="codecolorer javascript default"><span class="javascript">3D Column</span></code>. Just do it from the <code class="codecolorer javascript default"><span class="javascript">Chart Type</span></code> tab.</p>
<p><img class="aligncenter size-full wp-image-352" title="Live Column chart of Leads by Status from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/Leads-Column1.png" alt="Live Column chart of Leads by Status from SalesForce in oomfo" width="583" height="467" /></p>
<p>Now you realize that oomfo provides you much more flexibility to manipulate your data and see it in a different light.</p>
<p>You have 4 calls more to play around with.</p>
<h2>Details of each call</h2>
<h3>LeadsByStatus (single-series)</h3>
<table style="border: 1px solid #c4c4c4;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">LeadsByStatus</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=LeadsByStatus</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter" title="Live Column chart of Leads by Status from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/Leads-Column1.png" alt="Live Column chart of Leads by Status from SalesForce in oomfo" width="583" height="467" /></p>
<h3 style="display: inline !important;">PipeLineByStageAndType (multi-series)</h3>
<table style="border: 1px solid #c5c5c5;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">PipeLineByStageAndType</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">year</td>
<td style="text-align: center;" width="319" valign="top">For example: 2011</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">quarter</td>
<td style="text-align: center;" width="319" valign="top">1 or 2 or 3 or 4</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=PipeLineByStageAndType&amp;year=2011&amp;quarter=3</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-large wp-image-353" title="Live chart of PipelineByStageandType in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/Pipeline1-650x481.png" alt="Live chart of PipelineByStageandType in oomfo" width="650" height="481" /></p>
<h3 style="display: inline !important;">TotalPipeLine (single-series)</h3>
<table style="border: 1px solid #c6c7c7;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">TotalPipeLine</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">year</td>
<td style="text-align: center;" width="319" valign="top">For Example: 2011</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">quarter</td>
<td style="text-align: center;" width="319" valign="top">1 or 2 or 3 or 4</td>
</tr>
</tbody>
</table>
<p>Sample query:  </p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=TotalPipeLine&amp;year=2011&amp;quarter=3</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-large wp-image-354" title="Live chart of TotalPipeLine from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/TotalPipeLine1-650x484.png" alt="Live chart of TotalPipeLine from SalesForce in oomfo" width="650" height="484" /></p>
<h3 style="display: inline !important;">TopAccounts (single-series)</h3>
<table style="border: 1px solid #c2c2c2;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">TopAccounts</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">top</td>
<td style="text-align: center;" width="319" valign="top">Number of top accounts you want. For   eg: 3 or 5 or 10</td>
</tr>
</tbody>
</table>
<p>Sample query:  </p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=TopAccounts&amp;top=5</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-large wp-image-355" title="Live chart of TopAccounts from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/TopAccounts1-650x494.png" alt="Live chart of TopAccounts from SalesForce in oomfo" width="650" height="494" /></p>
<h3 style="display: inline !important;">TopNewProspects (single-series)</h3>
<table style="border: 1px solid #c5c5c5;" border="1" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">TopNewProspects</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">top</td>
<td style="text-align: center;" width="319" valign="top">Number of top prospects you want. For   eg: 3 or 5 or 10</td>
</tr>
</tbody>
</table>
<p>sample query:  </p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/SalesForce.php?username=youremail@abc.com<span style="color: #ddbb00;">&amp;password=xxxxxx&amp;call=TopNewProspects&amp;top=5</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-large wp-image-356" title="Live chart of TopNewProspects from SalesForce in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/TopProspects1-650x476.png" alt="Live chart of TopNewProspects from SalesForce in oomfo" width="650" height="476" /></p>
<h3 style="display: inline !important;">Summing it up</h3>
<p>In this blog post we saw how to create live charts in PowerPoint using your SalesForce data. If you understand PHP, you can open the connector provided and see how we connected to the SalesForce API, retrieved data and built the XML. The XML is based on the <a href="http://www.fusioncharts.com/docs/?DataFormats/XML/Overview.html">FusionCharts format</a>. In the coming posts, we will talk more about how the connector was built and the programming side of things.</p>
<p>If you want more oomfo goodness, you can read more about the <a href="http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/">connector for Twitter</a>.</p>


<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/' rel='bookmark' title='Permanent Link: Create live charts in PowerPoint with Twitter Analytics data'>Create live charts in PowerPoint with Twitter Analytics data</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/08/create-live-charts-in-powerpoint-from-salesforce-revenues-forecasts-and-more/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create live charts in PowerPoint with Twitter Analytics data</title>
		<link>http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/</link>
		<comments>http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 14:17:19 +0000</pubDate>
		<dc:creator>Hrishikesh Choudhari</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[customization]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[live charts]]></category>
		<category><![CDATA[live data charting]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=251</guid>
		<description><![CDATA[You have been creating charts in PowerPoint for a long time. You create a presentation, insert a chart, write or copy-paste the data into spreadsheet, customize some settings and you are done. And, it has worked perfectly for you till now. Hasn&#8217;t it? But what if the data changes every day or week, or heck ]]></description>
			<content:encoded><![CDATA[<p></p><p>You have been creating charts in PowerPoint for a long time. You create a presentation, insert a chart, write or copy-paste the data into spreadsheet, customize some settings and you are done. And, it has worked perfectly for you till now. Hasn&#8217;t it?<span id="more-251"></span></p>
<p><strong>But what if the data changes every day or week, or heck every minute?</strong> Right now, just before you deliver the presentation, you update the data by copying it from your source (like your sales data from SalesForce or other CRM if you are a sales guy, analytics data from Twitter or Google Analytics if you are a marketing guy), edit the chart and paste the new data again? This is repetitive, boring and takes up innumerable hours of your life. We say, read this blog post and learn how oomfo can automate this entire process for you. You’ll be able to build the charts once, connect it to your live data and never ever have to update it again.</p>
<p style="display: inline !important;">Sounds hard to believe, but let us show you how.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;"><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h2 style="display: inline !important;">The Magic Connectors</h2>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;"><a href="http://oomfo.com/" target="_blank">oomfo</a> can automatically pull data from any data source that can be accessed from your browser &#8211; be it SalesForce, Google Docs, Google Analytics, Twitter, SharePoint, your CRM or ERP system, or even local files. All one needs to have, is a connector. A connector is something which would talk to the data source, retrieve data, and present it in a structure that oomfo understands.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">Now for the difficult part. The connector is a web page (with programming instructions) that can talk to various other systems on web or your enterprise network like Twitter, SalesForce, Google Analytics, Google Docs, your ERP or CRM. If login credentials are required for any of these services, then these will have to be provided to the connectors. It&#8217;s like the connector is logging instead of you, getting the latest data, converting it into XML format and updating it in PowerPoint, but while you are enjoying the siesta or the game. This will happen automatically every time the presentation is viewed as a slideshow.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">Now before you start sending emails to your IT team, let us quickly mention that we intend to provide ready-made connectors for many popular systems like Twitter, SalesForce, Google Analytics. However, if you have a proprietary ERP or CRM system or one hidden behind your firewall, you might to get your IT team involved.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">The most compelling benefit of having such connectors is that you need to create both the connector and chart only once(we’ll show you how), and the latest data will automatically be shown on your slides every time you run the slideshow. Now you don’t need to copy-paste your data in PowerPoint whenever it changes.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">In this blog post, we will build an example that marketing guys would love to use &#8211; building live Twitter analytics charts within their presentations that are <em>always</em> updated. We will show you how to pull vital data from Twitter and other sources related to Twitter accounts. This connector is written in PHP, and would be accessing the Twitter API. We have also provided the connector as a download, so that you can start using it right away.</p>
<h2>How to get started</h2>
<p>To begin with, you would need to have:</p>
<ol>
<li>PowerPoint 2003 / XP / 2007 / 2010. (Only 32-bit version for PowerPoint 2010).</li>
<li>The latest oomfo add-in installed. Get the <a title="Download the latest version of oomfo" href="http://oomfo.com/download/">latest version of oomfo</a>.</li>
<li>Download the <a title="Download the Twitter Connector" href="http://blog.oomfo.com/wp-content/uploads/2011/08/Twitter.zip">Twitter connector</a>.</li>
<li>You will also require an active internet connection to query the API.</li>
<li>Request your IT department to <span style="font-size: small;">host </span>the connector on a Linux server. <a href="http://www.howtoforge.com/ubuntu_lamp_for_newbies">More info here</a>.</li>
<li>Request your IT department to enable cURL on the Linux server. <a href="http://buzznol.blogspot.com/2008/12/install-curl-extension-for-php-in.html">More info here</a>.</li>
</ol>
<h2>Charts provided by the Twitter Connector</h2>
<p>Using the Twitter connector provided, you can create 5 different kinds of charts:</p>
<ul>
<li><strong>Followers and Following</strong>: This call gives you the <code class="codecolorer javascript default"><span class="javascript">followers</span></code> and <code class="codecolorer javascript default"><span class="javascript">following</span></code> count of one or more Twitter handles you that ask for. It allows you to create a single-series chart if only 1 handle is given, or a multi-series chart if more than 1 handles are given.</li>
<li><strong>Count</strong>: This call gives you the number of times a term (or more than one term) has been tweeted in a particular time period. It returns data for a single-series chart.</li>
<li><strong>Historical data</strong>: This call is quite useful. It gives you the number of times a term has been tweeted over a period of time. You can get the data split into time intervals also. For example, you could check for occurrences of <code class="codecolorer javascript default"><span class="javascript">newyork</span></code> in the last 30 days, with individual counts on each of the last 30 days. It returns data for a multi-series chart.</li>
<li><strong>Followers&#8217; history</strong>: This call gives you the count of followers for one of more Twitter handles for the last 14 days. It returns data for a multi-series chart.</li>
<li><strong>Rank</strong>: This call calculates the relative rank of one or more Twitter handles among all Twitter users, taking into consideration the tweets, retweets, following count and a lot more parameters.</li>
</ul>
<p>These calls provide most of the Twitter analytics web marketers need.</p>
<h2>Let’s see the charts in action</h2>
<p>We will be trying out the <code class="codecolorer javascript default"><span class="javascript">Followers and Following</span></code> call. You would not be required to share your Twitter login credentials to use this connector.</p>
<p>Start PowerPoint, click on the <code class="codecolorer javascript default"><span class="javascript">Insert</span></code> tab, and on the right hand side of the ribbon you would see the cluster of oomfo buttons.</p>
<p><img class="aligncenter size-full wp-image-255" title="oomfo charts for PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_insert_tab.png" alt="" width="210" height="89" /></p>
<p>Click on the <code class="codecolorer javascript default"><span class="javascript">Insert Chart</span></code> button. In the oomfo window, select <code class="codecolorer javascript default"><span class="javascript">Single Series</span></code> from the drop down, and select <code class="codecolorer javascript default"><span class="javascript">3D column chart</span></code>.</p>
<p><img class="aligncenter size-full wp-image-256" title="Select &quot;Single Series&quot; and the 3D Column Chart" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_select_first.png" alt="" width="326" height="365" /></p>
<p>In the <code class="codecolorer javascript default"><span class="javascript">Chart Data</span></code> tab, click on <code class="codecolorer javascript default"><span class="javascript">External Data Source <span style="color: #339933;">&gt;</span> XML from File<span style="color: #339933;">/</span>URL</span></code>.</p>
<p><img class="aligncenter size-large wp-image-317" title="External Data Source in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_external-650x472.gif" alt="" width="650" height="472" /></p>
<p>You would be writing the connector’s URL along with the parameters in the textbox to the right. The general structure of the URL would be <code class="codecolorer html4strict default"><span class="html4strict">URL path</span></code> + <code class="codecolorer html4strict default"><span class="html4strict">call type</span></code> + <code class="codecolorer html4strict default"><span class="html4strict">parameters and values required for each call</span></code>. We will now see how to construct this properly.</p>
<p>Paste the connector&#8217;s URL in the textbox. It should be <code class="codecolorer html4strict default"><span class="html4strict">http://yoursite.com/path_to_file/Twitter.php</span></code>. Here <code class="codecolorer html4strict default"><span class="html4strict">yoursite.com/path_to_file</span></code> is just a placeholder and should be replaced by the URL of your server, to which your IT team has copied the connector file. Make sure you get the correct URL. This URL now needs parameters according to which it will query and return the data.</p>
<p>For the <code class="codecolorer javascript default"><span class="javascript">Followers and Following</span></code> call, we require the following parameters:</p>
<table class="aligncenter" style="border: 1px solid #c5c8c8;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">ff</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">followers</td>
<td style="text-align: center;" width="319" valign="top">yes (optional)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">following</td>
<td style="text-align: center;" width="319" valign="top">yes (optional)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">twitter_handle</td>
<td style="text-align: center;" width="319" valign="top">a valid Twitter handle</td>
</tr>
</tbody>
</table>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">At least one of <code class="codecolorer javascript default"><span class="javascript">followers</span></code> or <code class="codecolorer javascript default"><span class="javascript">following</span></code> is required.</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">So, let’s say we want to get the followers and following count of the Twitter handle <code class="codecolorer javascript default"><span class="javascript">barackobama</span></code> in our chart. Here is how you would configure the URL:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=ff<span style="color: #ddbb00;">&amp;followers=yes&amp;following=yes&amp;twitter_handle=barackobama</span></div></div><div class="code-holder-bottom"></div></div>
<p>Please notice the <code class="codecolorer html4strict default"><span class="html4strict">?</span></code> and the <code class="codecolorer html4strict default"><span class="html4strict"><span style="color: #ddbb00;">&amp;</span></span></code>; they are required exactly in the way shown. Now click on the Load button, and you would get the generated XML data in the text area below. Click on OK &gt; Finish.</p>
<p><img class="aligncenter size-large wp-image-268" title="Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_preview1-650x459.png" alt="" width="650" height="459" /></p>
<p>There you have it! A live count of the followers and following of a Twitter handle! These values would keep updating each time you start your presentation, till infinity and beyond!</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h2 style="display: inline !important;">Compare multiple Twitter handles</h2>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<p style="display: inline !important;">To make things more interesting, try adding more Twitter handles. Just separate them with a comma. First of all, try changing the chart from <code class="codecolorer javascript default"><span class="javascript">Single Series</span></code> to <code class="codecolorer javascript default"><span class="javascript">Multi Series</span></code>.</p>
<p><img class="aligncenter size-full wp-image-266" title="Select &quot;Multi Series&quot; and 3D Column" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_select.png" alt="" width="330" height="361" /></p>
<p>Then modify the above URL to <code class="codecolorer javascript default"><span class="javascript">twitter_handle<span style="color: #339933;">=</span>barackobama<span style="color: #339933;">,</span>SenJohnMcCain<span style="color: #339933;">,</span>algore</span></code>. Click on Load and go back to your slide to see a multi-series chart.</p>
<p><img class="aligncenter size-large wp-image-267" title="Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_chart-650x466.png" alt="" width="650" height="466" /></p>
<p>That’s it!</p>
<p>So that was about one of the five calls. There are still 4 more for you to play around with, each with more interesting data than the other.</p>
<h2>Details of each call</h2>
<h3>Followers and Following</h3>
<table style="border: 1px solid #c4c4c4;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">ff</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">followers</td>
<td style="text-align: center;" width="319" valign="top">yes (optional)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">following</td>
<td style="text-align: center;" width="319" valign="top">Yes (optional)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">twitter_handle</td>
<td style="text-align: center;" width="319" valign="top">a valid Twitter handle</td>
</tr>
</tbody>
</table>
<p>At least one of <code class="codecolorer javascript default"><span class="javascript">followers</span></code> or <code class="codecolorer javascript default"><span class="javascript">following</span></code> is required</p>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=ff<span style="color: #ddbb00;">&amp;followers=yes&amp;following=yes&amp;twitter_handle=barackobama,SenJohnMcCain,algore</span></div></div><div class="code-holder-bottom"></div></div>
<p style="text-align: center;"><img class="aligncenter" title="Followers and Following - Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_chart-650x466.png" alt="" width="650" height="466" /></p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h3 style="display: inline !important;">Count of a term over a period of time (single-series)</h3>
<table style="border: 1px solid #c4c4c4;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">count</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">term</td>
<td style="text-align: center;" width="319" valign="top">comma separated &#8211; barackobama, algore(more than 1 term is required)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">period</td>
<td style="text-align: center;" width="319" valign="top">a (all time) / m (last 30 days) / w (last 7 days) / d (today) / h   (current hour) (required)</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=count<span style="color: #ddbb00;">&amp;term=apple,google&amp;period=m</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-large wp-image-269" title="Count of Mentions - Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_2-650x470.png" alt="" width="650" height="470" /></p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h3 style="display: inline !important;">Historical data (multi-series)</h3>
<p style="display: inline !important;">&nbsp;</p>
<table style="border: 1px solid #d5d5d5;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">history</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">term</td>
<td style="text-align: center;" width="319" valign="top">any string (or comma separated &#8211; barackobama, butt, ohm) (required)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">slice</td>
<td style="text-align: center;" width="319" valign="top">slice in seconds (defaults to 86400 seconds, which equals 1 day)</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">period</td>
<td style="text-align: center;" width="319" valign="top">number of days (defaults to 30)</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=history<span style="color: #ddbb00;">&amp;term=newyork,mumbai,bangalore&amp;slice=86400&amp;period=7</span></div></div><div class="code-holder-bottom"></div></div>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-270" title="Historial Data - Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/oomfo_3-650x297.png" alt="" width="650" height="297" /></p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h3 style="display: inline !important;">Get followers count of a user over the last 14 days (multi-series)</h3>
<p style="display: inline !important;">&nbsp;</p>
<table style="border: 1px solid #d5d5d5;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">followershistory</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">twitter_handle</td>
<td style="text-align: center;" width="319" valign="top">barackobama, algore, charliesheen (comma separated values)</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=followershistory<span style="color: #ddbb00;">&amp;twitter_handle=barackobama,algore</span></div></div><div class="code-holder-bottom"></div></div>
<p><img class="aligncenter size-full wp-image-316" title="Follower Count - Live chart in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/08/followercount.png" alt="" width="587" height="438" /></p>
<p style="text-align: center;">&nbsp;</p>
<p><span style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;"> </span></p>
<h3 style="display: inline !important;">Get the relative rank of a Twitter user, with respect to amount of retweets and followings (single series)</h3>
<p style="display: inline !important;">&nbsp;</p>
<table style="border: 1px solid #d5d5d5;" border="1" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;" width="319" valign="top">PARAMETER</td>
<td style="text-align: center;" width="319" valign="top">VALUE</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">call</td>
<td style="text-align: center;" width="319" valign="top">rank</td>
</tr>
<tr>
<td style="text-align: center;" width="319" valign="top">twitter_handle</td>
<td style="text-align: center;" width="319" valign="top">barackobama,algore,charliesheen (comma separated values)</td>
</tr>
</tbody>
</table>
<p>Sample query:</p>
<div class="codeHolder"><div class="code-holder-top"></div><div class="codecolorer-container html4strict default" style="border:1px solid #9F9F9F;width:435px;height:auto;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">http://yoursite.com/path_to_file/Twitter.php?call=rank<span style="color: #ddbb00;">&amp;twitter_handle=barackobama,algore,charliesheen</span></div></div><div class="code-holder-bottom"></div></div>
<p><strong>Fun!</strong></p>
<p>In this blog post we just explained how to use the provided Twitter connector. If you understand PHP, you can open the code and see how we connected to the Twitter API, retrieved data and built the XML. The XML is based on the <a href="http://www.fusioncharts.com/docs/?DataFormats/XML/Overview.html">FusionCharts format</a>. In the coming posts, we will talk more about how the connector was built and the programming side of things.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/08/creating-charts-in-powerpoint-with-live-twitter-analytics-data/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create your own animation style for any chart element</title>
		<link>http://blog.oomfo.com/2011/05/create-your-own-animation-style-for-any-chart-element/</link>
		<comments>http://blog.oomfo.com/2011/05/create-your-own-animation-style-for-any-chart-element/#comments</comments>
		<pubDate>Thu, 19 May 2011 18:01:10 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[easing]]></category>
		<category><![CDATA[styles]]></category>
		<category><![CDATA[transparency]]></category>
		<category><![CDATA[x-scale]]></category>
		<category><![CDATA[y-position]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=222</guid>
		<description><![CDATA[All the charts in oomfo are animated and have been known to create a great first impression

<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/05/make-the-charts-match-your-powerpoint-theme-in-seconds/' rel='bookmark' title='Permanent Link: Make your charts match the PowerPoint theme in seconds'>Make your charts match the PowerPoint theme in seconds</a></li>
</ol></div>]]></description>
			<content:encoded><![CDATA[<p></p><p>All the charts in oomfo are animated and have been known to create a great first impression. But that&#8217;s not all. Using the Styles feature in oomfo, you can effortlessly create your own animation styles and apply them to any chart element. Your caption can fade in to visibility, the axis labels can travel across the chart and the divisional lines scale up to size. In this post, we will take a detailed look at creating two different animation styles – an elegant one for the column chart and a jazzy one for the line chart.</p>
<h2>Creating an elegant animation for the column chart</h2>
<p>The definition of elegance varies from person to person. For me, it is scaling the divisional lines at the back of the chart horizontally to their full size. This, of course, is in addition to the default animation the chart has.</p>
<p>First up, create a simple column chart. Click on the Insert chart button in the oomfo ribbon to bring up the oomfo chart builder. Go ahead and select the 2D column chart.</p>
<p><img class="aligncenter size-full wp-image-234" title="Selecting the column chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/selecting-chart.jpg" alt="Selecting the column chart" width="600" height="400" /></p>
<p>We will stick with the default data itself for the chart, and head straight to the Chart Cosmetics tab to create the animation style. The custom animation, as I pointed out earlier, is created using the Styles feature of oomfo. In the bottom part of the Chart Cosmetics tab, you will see the heading Customize Individual Chart Elements with icons to create, apply and edit styles. This is going to be your bread and butter for all types of custom animation and styles. Click on Create Styles to get started.</p>
<p><img class="aligncenter size-full wp-image-229" title="Create styles" src="http://blog.oomfo.com/wp-content/uploads/2011/05/create-styles-button1.jpg" alt="Create styles" width="600" height="400" /></p>
<p><span id="more-222"></span></p>
<p>This will bring up the Create a Style dialog box with tabs to create different kinds of styles – animation, font, blur, bevel, glow and shadow. In this case, all we need to concern ourselves is with the animation tab which is the default one.</p>
<p><img class="aligncenter size-full wp-image-236" title="The Styles dialog box" src="http://blog.oomfo.com/wp-content/uploads/2011/05/styles-dialog-animation.jpg" alt="The Styles dialog box" width="600" height="383" /></p>
<p>Since we are creating an x-scale animation effect, select the animation type as, well, x-scale. The Start from parameter allows you to set up a sequence of animation for different chart elements and the duration parameter specifies the time in seconds the animation will take. For example, you have created an animation style for the caption which starts at 0 (i.e. as soon as the chart appears) and has a duration of 1s. You have another animation style for the data labels but want that to start only after the captions have finished animating. So you will set the Start from for the data labels as 1. The easing defines the style in which the animation will happen, for lack of a better word. The best way to understand them is actually play around with them. The default values for all three parameters work well in our case. Finally, save the style with a name and click Ok.</p>
<p><img class="aligncenter size-full wp-image-232" title="Saving the animation style" src="http://blog.oomfo.com/wp-content/uploads/2011/05/saving-animation-style.jpg" alt="Saving the animation style" width="600" height="383" /></p>
<p>Now it&#8217;s time to apply the animation to the divisional lines. Click on the Apply Styles button next to the Create Styles button. This will open the Apply Styles dialog box with a list of all the chart elements and the styles you have created. You can select chart elements one-by-one and apply any number of styles you would like to. In our case, this is pretty simple.</p>
<p><img class="aligncenter size-full wp-image-226" title="Applying x-scale animation to the div lines" src="http://blog.oomfo.com/wp-content/uploads/2011/05/applying-xscale-animation.jpg" alt="Applying x-scale animation to the div lines" width="546" height="489" /></p>
<p>Click Apply. You will be able to see a preview of the style you just applied in the Preview pane. If you don&#8217;t like it or need to finetune it, click on Edit Styles and modify it as per your requirements. For now, click Finish, position the chart in the slide and hit slideshow. Then sit back and enjoy the elegant custom animation you have just created.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-228" style="border: 1px solid black;" title="Column chart with x-scale animation" src="http://blog.oomfo.com/wp-content/uploads/2011/05/column-chart-with-xscale-animation.jpg" alt="Column chart with x-scale animation" width="600" height="451" /></p>
<p>How about adding another elegant style to the chart? Let&#8217;s add a fade-in effect to the horizontal grid at the back of the chart. Following the same route, go to the Create Styles dialog box and create a Transparency Fading animation.</p>
<p><img class="aligncenter size-full wp-image-230" title="Creating the fade-in animation effect " src="http://blog.oomfo.com/wp-content/uploads/2011/05/creation-alpha-animation.jpg" alt="Creating the fade-in animation effect" width="600" height="383" /></p>
<p>Again, the default values for the other parameters will work just fine. So save the style and move on to applying it to the horizontal grid.</p>
<p><img class="aligncenter size-full wp-image-225" title="Applying the fade-in animation effect to the horizontal grid" src="http://blog.oomfo.com/wp-content/uploads/2011/05/applying-transparency-animation.jpg" alt="Applying the fade-in animation effect to the horizontal grid" width="546" height="489" /></p>
<p>Go to the slideshow and check out how your combination of two animation styles looks. Quite elegant, don&#8217;t you think?</p>
<h2>Creating a jazzy effect for the line chart</h2>
<p>Time for some fun and lively animation effects. How does creating a line chart and making the anchors bounce into their positions sound to you? Yes, that&#8217;s right. You can easily do that too using oomfo. Let&#8217;s get started.</p>
<p>The first natural step is creating a line chart. I have used a single-series line chart to keep things clean and simple.</p>
<p><img class="aligncenter size-full wp-image-235" title="Selecting the line chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/selecting-line-chart.jpg" alt="Selecting the line chart" width="600" height="400" /></p>
<p>Just like in the example earlier, head to the Create a Style dialog box. Since the anchors would be traveling (bouncing) vertically to their place, the animation style would be Y Position. You can create a horizontal bounce effect too but that just doesn&#8217;t look natural. The default for Start and Duration work fine. You can make the bounce effect faster by reducing the duration to 1s but anything more than 2s will be a bit too slow. And to actually create the bounce effect, all you need to do is set the Easing to Bounce.</p>
<p><img class="aligncenter size-full wp-image-227" title="Creating the bounce animation" src="http://blog.oomfo.com/wp-content/uploads/2011/05/bounce-animation.jpg" alt="Creating the bounce animation" width="600" height="383" /></p>
<p>Save the style and move on to the Apply Styles dialog box. Select ANCHORS from the chart element list and apply the bounce effect to it. You are done. The line chart&#8217;s anchors are now ready to bounce into place as you will see in the preview pane as soon as you hit Apply.</p>
<p><img class="aligncenter size-full wp-image-224" title="Applying the bounce animation effect to anchors" src="http://blog.oomfo.com/wp-content/uploads/2011/05/applying-bounce-animation.jpg" alt="Applying the bounce animation effect to anchors" width="546" height="489" /></p>
<p>Finish the chart and hit slideshow.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-231" style="border: 1px solid black;" title="Line chart with bouncing anchors in slideshow" src="http://blog.oomfo.com/wp-content/uploads/2011/05/line-chart-bounce-anim-slidehsow.jpg" alt="Line chart with bouncing anchors in slideshow" width="600" height="450" /></p>
<p>That&#8217;s how easy it is to create custom animation for different chart elements in oomfo. Play around with the range of styles, the different easing effects, set up different animation sequences and find that perfect animation style for yourself.</p>


<div class="footNotes m0"><h3>Related posts:</h3><ol><li><a href='http://blog.oomfo.com/2011/05/make-the-charts-match-your-powerpoint-theme-in-seconds/' rel='bookmark' title='Permanent Link: Make your charts match the PowerPoint theme in seconds'>Make your charts match the PowerPoint theme in seconds</a></li>
</ol></div>]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/create-your-own-animation-style-for-any-chart-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make your charts match the PowerPoint theme in seconds</title>
		<link>http://blog.oomfo.com/2011/05/make-the-charts-match-your-powerpoint-theme-in-seconds/</link>
		<comments>http://blog.oomfo.com/2011/05/make-the-charts-match-your-powerpoint-theme-in-seconds/#comments</comments>
		<pubDate>Tue, 17 May 2011 14:31:57 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[customization]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[glow]]></category>
		<category><![CDATA[presentation theme]]></category>
		<category><![CDATA[styles]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=190</guid>
		<description><![CDATA[Your presentations don't just convey information, they convey your personality too. You could keep it simple, add a touch of elegance or completely jazz it up! ]]></description>
			<content:encoded><![CDATA[<p></p><p>Your presentations don&#8217;t just convey information, they convey your personality too. You could keep it simple, add a touch of elegance or completely jazz it up! And whatever personality your presentations are conveying, wouldn&#8217;t you want your charts to convey that too? Yes sir. With the latest addition to oomfo, you can now match the charts to your PowerPoint theme in seconds. In this post, you will see how you can do this in a step-by-step example.</p>
<p>To start with, chose a theme for your presentation. I chose the Median theme because it looks elegant, thus conveying my personality <img src='http://blog.oomfo.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img class="aligncenter size-full wp-image-195" title="Choosing a PowerPoint theme" src="http://blog.oomfo.com/wp-content/uploads/2011/05/choosing-theme.jpg" alt="Choosing a PowerPoint theme" width="600" height="375" /></p>
<p><span id="more-190"></span></p>
<p>Now go ahead and insert an oomfo chart. Go to the Insert tab &gt; oomfo ribbon &gt; Insert chart to bring up the oomfo chart builder. I have inserted the single-series column chart with its default data and settings into the slide. Position it the way you like it in the slide.</p>
<p><img class="aligncenter size-full wp-image-191" title="Adding oomfo's default chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/added-default-chart.jpg" alt="Adding oomfo's default chart" width="600" height="451" /></p>
<p>As you can see, the chart uses the default oomfo look which is pretty different from what we have in the theme. Time to give the chart a makeover. To match it with the presentation theme, bring up the context menu (right-clik on the chart) and go to oomfo &gt; Match Presentation Theme.</p>
<p><img class="aligncenter size-full wp-image-201" title="Match PowerPoint theme option from the context menu " src="http://blog.oomfo.com/wp-content/uploads/2011/05/menu-powerpoint-theme-option.jpg" alt="Match PowerPoint theme option from the context menu" width="600" height="440" /></p>
<p>This will bring up the simple but highly effective Match Presentation theme dialog box. There are threee things you can select – background color, font color, font face and size. As you will see, the colors you have for the background and font have been auto-picked from the theme. You will have seven options that you can choose from.</p>
<p><img class="aligncenter size-full wp-image-200" title="Match PowerPoint theme dialog box" src="http://blog.oomfo.com/wp-content/uploads/2011/05/match-ppt-theme-dialog.jpg" alt="Match PowerPoint theme dialog box" width="545" height="296" /></p>
<p>Select the light brown color for the background (the rightmost color in the palette) and see how it affects the chart.</p>
<p><img class="aligncenter size-full wp-image-202" title="Picking a background color from the PowerPoint theme" src="http://blog.oomfo.com/wp-content/uploads/2011/05/ppt-theme-bg-color.jpg" alt="Picking a background color from the PowerPoint theme" width="600" height="450" /></p>
<p>Pretty effective, huh? Even the colors for the columns have been picked up intelligently from the theme itself to go along well with the background. They are the same colors that the columns would have had if it was a PowerPoint chart.</p>
<p>With a dark background we need a light color for the font. How about white itself?</p>
<p><img class="aligncenter size-full wp-image-203" title="Picking a font color from the PowerPoint theme" src="http://blog.oomfo.com/wp-content/uploads/2011/05/ppt-theme-font-color.jpg" alt="Picking a font color from the PowerPoint theme" width="600" height="450" /></p>
<p>Looks like we are all set. Hit slideshow and see how the chart looks.</p>
<p><img class="aligncenter size-full wp-image-194" title="Chart matching PowerPoint theme in slideshow" src="http://blog.oomfo.com/wp-content/uploads/2011/05/chart-in-theme-slideshow.gif" alt="Chart matching PowerPoint theme in slideshow" width="600" height="453" /></p>
<p>Exactly what we were looking for, isn&#8217;t it? And all it took was two clicks in the Match Presentation Theme dialog box. Moreover, when you go back to your presentation to create more slides, the charts will be using this theme automatically.</p>
<p>Now that your chart matches the theme, what if you wanted to customize it further? Pretty simple, just go to edit chart and customize whatever you want to. To start with, let&#8217;s see how to remove the border around the chart.</p>
<p>Select the chart in the slide and click on the Edit chart button in the oomfo ribbon. Go to the Chart Cosmetics tab. You will see that the theme name is displayed as PowerPoint theme in the drop-down. Click on Customize.</p>
<p><img class="aligncenter size-full wp-image-198" title="Customizing the themed chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/customize-themed-chart.jpg" alt="Customizing the themed chart" width="600" height="400" /></p>
<p>The Theme Customization dialog box has a lot of tabs with a lot of options. To remove the border, all you need to do is uncheck the Show Border box in the Background tab that comes up by default.</p>
<p><img class="aligncenter size-full wp-image-206" title="Theme Customization dialog box " src="http://blog.oomfo.com/wp-content/uploads/2011/05/theme-customization-dialog.jpg" alt="Theme Customization dialog box" width="600" height="386" /></p>
<p>In the slideshow mode, you will see that the chart blends excellently with the background.</p>
<p><img class="aligncenter size-full wp-image-193" title="Chart matching PowerPoint theme in slideshow (without border)" src="http://blog.oomfo.com/wp-content/uploads/2011/05/chart-in-theme-slideshow-no-border.gif" alt="Chart matching PowerPoint theme in slideshow (without border)" width="600" height="454" /></p>
<p>Now how about some advanced customization? Let&#8217;s do something stylish. How about adding a glow effect to the divisional lines in the chart – the ones at $100K, $200K etc.</p>
<p>We will have to create a style for it. To do that, go to Edit Chart &gt; Chart Cosmetics tab and click on the Create Styles button.</p>
<p><img class="aligncenter size-full wp-image-196" title="Create a new style" src="http://blog.oomfo.com/wp-content/uploads/2011/05/create-styles-button.jpg" alt="Create a new style" width="600" height="400" /></p>
<p>This will open the Create a Style dialog box with a lot of different styles – animation, font, blur, bevel, blur and shadow. For each of these different kinds of styles, there are a lot of parameters using which you can define the style.</p>
<p><img class="aligncenter size-full wp-image-197" title="Create Styles dialog box" src="http://blog.oomfo.com/wp-content/uploads/2011/05/create-styles-dialog-box.jpg" alt="Create Styles dialog box" width="600" height="383" /></p>
<p>Since we are going to create a Glow style, hit the Glow tab and define the style the way you want to. After you are done, give it a name and save it. Click OK on the Create a Style dialog box to go back to the Chart Cosmetics tab.</p>
<p><img class="aligncenter size-full wp-image-205" title="Saving Glow Style" src="http://blog.oomfo.com/wp-content/uploads/2011/05/saving-style-created-with-glow.jpg" alt="Saving Glow Style" width="600" height="383" /></p>
<p>Now that our style has been created, we have to go ahead and apply the style to the divisional lines. Click on the Apply Styles button.</p>
<p><img class="aligncenter size-full wp-image-192" title="Apply Styles" src="http://blog.oomfo.com/wp-content/uploads/2011/05/apply-styles-button-click.jpg" alt="Apply Styles" width="600" height="400" /></p>
<p>This will open the Apply Styles dialog box with the list of all chart elements and all the styles that have been created. Select DIVLINES from the chart element and apply the Glow Style to it.</p>
<p><img class="aligncenter size-full wp-image-199" title="Applying glow style to the divisional lines" src="http://blog.oomfo.com/wp-content/uploads/2011/05/glow-applied-to-div-line.gif" alt="Applying glow style to the divisional lines" width="546" height="489" /></p>
<p>And that&#8217;s it. Go the slideshow to see your divisional lines looking stylish with the glow.</p>
<p><img class="aligncenter size-full wp-image-207" title="Themed chart wtih stylish glow effect for divisional lines" src="http://blog.oomfo.com/wp-content/uploads/2011/05/themed-cahrt-divline-glow.gif" alt="Themed chart wtih stylish glow effect for divisional lines" width="600" height="451" /></p>
<p>That&#8217;s how easy it is to match the chart to your PowerPoint theme, and even make further customizations to it. So go ahead and let your charts speak your personality too!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/make-the-charts-match-your-powerpoint-theme-in-seconds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Export PowerPoint slides as web pages</title>
		<link>http://blog.oomfo.com/2011/05/export-powerpoint-slides-as-web-pages/</link>
		<comments>http://blog.oomfo.com/2011/05/export-powerpoint-slides-as-web-pages/#comments</comments>
		<pubDate>Sat, 14 May 2011 09:21:50 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[export as web page]]></category>
		<category><![CDATA[publish]]></category>
		<category><![CDATA[resolution]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=149</guid>
		<description><![CDATA[Many a times, you need to export your PowerPoint presentations as web pages and put them out for the world to see. PowerPoint recognizes this need and provides you with fairly comprehensive export options, but they come with their own set of problems. In this post, we will take a look at how they work ]]></description>
			<content:encoded><![CDATA[<p></p><p>Many a times, you need to export your PowerPoint presentations as web pages and put them out for the world to see. PowerPoint recognizes this need and provides you with fairly comprehensive export options, but they come with their own set of problems. In this post, we will take a look at how they work and the issues you will face. We will also take a look at a new approach to exporting slides – using oomfo. Yes, using oomfo you can export your slides to web pages, one at a time, whether they contain the oomfo charts or not.</p>
<h2>Exporting slides to web pages using PowerPoint</h2>
<p>We will take a look at the two options PowerPoint provides to export slides as web pages. I will be using PowerPoint 2007 to take you through the post. PowerPoint 2003 provides the same options as well but <strong>PowerPoint 2010 does not have the export options at all</strong>.</p>
<p>I have created a sample PPT using a readymade theme.</p>
<p><img class="aligncenter size-full wp-image-150" title="Sample presentation in PowerPoint 2003" src="http://blog.oomfo.com/wp-content/uploads/2011/05/complete-ppt.jpg" alt="Sample presentation in PowerPoint 2003" width="600" height="361" /></p>
<p>I know the title of the presentation is not the most ideal way to get started but then we have a different agenda here, don&#8217;t we? <img src='http://blog.oomfo.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>To export the presentation, we will head to the Save As option in the Office button. Go to Save As &gt; Other Formats.</p>
<p><img class="aligncenter size-full wp-image-159" title="Save As menu in PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/05/powerpoint-save-as-menu.gif" alt="Save As menu in PowerPoint" width="495" height="529" /></p>
<p><span id="more-149"></span></p>
<p>Set Save As Type to Web Page from the drop-down and enter a name for the web page to be created. Click Save when you are done.</p>
<p><img class="aligncenter size-full wp-image-166" title="Entering file name of web page to export presentation to" src="http://blog.oomfo.com/wp-content/uploads/2011/05/save-as-type-web-page-enteringfilename.jpg" alt="Entering file name of web page to export presentation to" width="600" height="381" /></p>
<p>This will create an HTML web page and a folder called _files with images, stylesheets and JavaScript files. Open the web page in Internet Explorer and you will see that the presentation comes up pretty neatly.</p>
<p><img class="aligncenter size-full wp-image-162" title="Slide exported from PowerPoint in IE" src="http://blog.oomfo.com/wp-content/uploads/2011/05/ppt-saveas-IE.jpg" alt="Slide exported from PowerPoint in IE" width="600" height="361" /></p>
<p>There is a navigation bar on the left to jump to slides. You will also see navigation on the bottom to go to the outline mode, slideshow or use the Next/Previous buttons to navigate through the slides. Pretty good for a start.</p>
<p>Now how about opening the web page in a different browser. Let&#8217;s try Mozilla Firefox, the world&#8217;s most popular browser.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-161" style="border: 1px solid black;" title="Slide exported using PowerPoint displays a warning in Firefox" src="http://blog.oomfo.com/wp-content/uploads/2011/05/ppt-saveas-Firefox.jpg" alt="Slide exported using PowerPoint displays a warning in Firefox" width="600" height="361" /></p>
<p>Oops, so Firefox says it cannot support the presentation you just exported. Just to reiterate, Firefox is the world&#8217;s most widely used browser. The warning is caused by the proprietary objects that are present in the HTML output and will cause an issue in every browser except Internet Explorer. Proceed anyway.</p>
<p><img class="aligncenter size-full wp-image-160" title="Slide exported using PowerPoint in Firefox" src="http://blog.oomfo.com/wp-content/uploads/2011/05/ppt-saveas-Firefox-actual-slide.jpg" alt="Slide exported using PowerPoint in Firefox" width="600" height="360" /></p>
<p>You will see that Firefox displayed the warning with good reason. The presentation is pretty messed up when it finally opens. The navigation on the bottom is gone, as are the options to hit the Slideshow or outline mode.</p>
<p>Luckily PowerPoint provides another option to export the slides which can rid us of the warning, and enable the navigation in browsers other than IE. When you select Save as Type &gt; Web page under the Save As option, you will get an option to publish the presentation. Click the button.</p>
<p><img class="aligncenter size-full wp-image-167" title="Save As Type &gt; Web Page" src="http://blog.oomfo.com/wp-content/uploads/2011/05/save-as-type-web-page.jpg" alt="Save As Type &gt; Web Page" width="600" height="381" /></p>
<p>You will get a Publish as Web page dialog box with a number of options. Select publish the complete presentation and browser support for all browsers.</p>
<p><img class="aligncenter size-full wp-image-164" title="Publish Web Page dialog box in PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/05/publish-dialog-box.jpg" alt="Publish Web Page dialog box in PowerPoint" width="451" height="355" /></p>
<p>You will also see a button called Web Options. The dialog box that it opens gives you control over the slide navigation, animation, browser support and fonts to be used.</p>
<p><img class="aligncenter size-full wp-image-169" title="Web Options dialog box" src="http://blog.oomfo.com/wp-content/uploads/2011/05/web-options.jpg" alt="Web Options dialog box" width="413" height="347" /></p>
<p>The most important tab in my opinion is the Pictures tab where you can set the screen size for the target monitor. Since the slides were occupying less than half the screen on my monitor in Firefox, I will choose a bigger screen size this time.</p>
<p><img class="aligncenter size-full wp-image-168" title="Setting the screen size under Web Options in PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/05/web-options-resolution.jpg" alt="Setting the screen size under Web Options in PowerPoint" width="413" height="347" /></p>
<p>Going back to the Publish as Web Page dialog box, hit Publish. This will open the presentation in the browser. In Internet Explorer, it will look similar to what it looked with the Save As Web page option. Let&#8217;s head to Firefox where it was causing a lot of trouble and see how it looks there.</p>
<p><img class="aligncenter size-full wp-image-165" title="Presentation exported as a web page in Firefox" src="http://blog.oomfo.com/wp-content/uploads/2011/05/published-ppt-in-firefox.jpg" alt="Presentation exported as a web page in Firefox" width="600" height="363" /></p>
<p>While the control over the resolution allows us to use a larger part of the screen and the navigation controls are present, the rest of it has gone for a toss. The background looks stretched and so does the text. And to top it all, a simple heading has been converted to an image.</p>
<p><img class="aligncenter size-full wp-image-158" title="Text in slide becomes an image when exported with PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/05/powerpoint-exported-slide-text-becomes-image.jpg" alt="Text in slide becomes an image when exported with PowerPoint" width="600" height="361" /></p>
<p>It means that the presentation cannot be accessed using a text-based browser, a screen reader or a text-to-speech program. Also, there is no alternative text to describe the images for those who cannot see the images due to disability or technology.</p>
<p>Now that we have taken a detailed look at the issues PowerPoint&#8217;s export  option has and its non-availability in PowerPoint 2010, let&#8217;s take a  look at how oomfo comes to the rescue.</p>
<h2>Exporting slides to web pages using oomfo&#8217;s export capabilities</h2>
<p>To export a slide in PowerPoint with oomfo, go to Insert tab &gt; oomfo ribbon &gt; Export &gt; Export slide as Web page.</p>
<p><img class="aligncenter size-full wp-image-155" title="Export slide option in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-export-option-menu.jpg" alt="Export slide option in oomfo" width="356" height="227" /></p>
<p>As soon as you select the option, oomfo will export the slide and ask you whether you want to see it immediately in the browser. On clicking yes, here&#8217;s what the second slide will look like no matter what browser you are using:</p>
<p><img class="aligncenter size-full wp-image-157" title="Slide exported as a web page using oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-exported-slide.jpg" alt="Slide exported as a web page using oomfo" width="600" height="363" /></p>
<p>All the content on the slides is in text itself and can be picked up by a screen reader.</p>
<p><img class="aligncenter size-full wp-image-156" title="Selectable text on slides exported using oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-exported-slide-selectable-text.jpg" alt="Selectable text on slides exported using oomfo" width="600" height="363" /></p>
<p>Quick and neat, isn&#8217;t it? To be fair to PowerPoint, oomfo has a limitation too. As of now, you can export only the current slide as a web page and not the entire presentation that PowerPoint&#8217;s export allows you to do.</p>
<p>While at it, we forgot that oomfo is actually a charting plug-in for PowerPoint. So let&#8217;s take a look at how the export works with a slide having an oomfo chart in it. In a new presentation, click the Insert chart button in the oomfo ribbon to bring up the oomfo chart builder.</p>
<p><img class="aligncenter size-full wp-image-151" title="oomfo Chart Builder" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-chart-builder.jpg" alt="oomfo Chart Builder" width="600" height="400" /></p>
<p>Create the chart and position it the way you want.</p>
<p><img class="aligncenter size-full wp-image-154" title="Positioning oomfo's chart in the slide" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-chart-in-slide.jpg" alt="Positioning oomfo's chart in the slide" width="600" height="455" /></p>
<p>Export it using the Export Chart button – this will create an HTML web page and a _files folder having the chart swf file and some JavaScript files necessary to render the chart. Open the web page in any browser to see the animated chart live in action.</p>
<p><img class="aligncenter size-full wp-image-153" title="oomfo charts exported as a web page" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-chart-exported.jpg" alt="oomfo charts exported as a web page" width="600" height="363" /></p>
<p>The chart is interactive as well. You can hover over the columns to see details about them in the tooltips. You can also hide an entire data series by clicking on its icon in the legend.</p>
<p><img class="aligncenter size-full wp-image-152" title="Interactivity in oomfo's charts when exported as a web page" src="http://blog.oomfo.com/wp-content/uploads/2011/05/oomfo-chart-exported-interactive.jpg" alt="Interactivity in oomfo's charts when exported as a web page" width="600" height="363" /></p>
<p>Like what you see? <a title="Download oomfo for free" href="http://oomfo.com/download" target="_blank">Download oomfo</a> and give the export capabilites a spin.</p>
<p>And if you already have, do let us know if see yourself using it for exporting only charts or general PowerPoint slides, one at a time, as well? oomfo is still in beta and we are looking for all the feedback we can get.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/export-powerpoint-slides-as-web-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating waterfall charts in PowerPoint</title>
		<link>http://blog.oomfo.com/2011/05/creating-waterfall-charts-in-powerpoint/</link>
		<comments>http://blog.oomfo.com/2011/05/creating-waterfall-charts-in-powerpoint/#comments</comments>
		<pubDate>Thu, 12 May 2011 20:33:19 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[cascade chart]]></category>
		<category><![CDATA[company profit]]></category>
		<category><![CDATA[intermediate sums]]></category>
		<category><![CDATA[waterfall chart]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=113</guid>
		<description><![CDATA[The waterfall chart is also known as the cascade or bridge chart. It used a lot by the finance, business analyst and sales fraternities. However there&#8217;s a small problem &#8211; PowerPoint forgot to ship them. The only way you can create waterfall charts in PowerPoint is by manipulating the stacked charts, but they turn out ]]></description>
			<content:encoded><![CDATA[<p></p><p>The waterfall chart is also known as the cascade or bridge chart. It used a lot by the finance, business analyst and sales fraternities. However there&#8217;s a small problem &#8211; PowerPoint forgot to ship them. The only way you can create waterfall charts in PowerPoint is by manipulating the stacked charts, but they turn out to be very basic. And take a lot of time. In this post, we will take a look at what the waterfall chart is and learn how we can create powerful ones in minutes using oomfo.</p>
<h2>What is a waterfall chart?</h2>
<p>A typical waterfall chart is used to show how an initial value increases and decreases by a series of intermediate values, leading to a final value. A simple example of this is the inventory audit of men’s t-shirts in a retail outlet.<br />
<br />
<img class="aligncenter size-full wp-image-118" title="Waterfall chart showing inventory audit of men's tshirts" src="http://blog.oomfo.com/wp-content/uploads/2011/05/inventory-audit.jpg" alt="Waterfall chart showing inventory audit of men's tshirts" width="460" height="310" /></p>
<p>As you can see, the initial and the final values are represented by whole columns, while the intermediate values are denoted by floating columns.</p>
<p>Waterfall charts are also used to show the contribution of parts of a whole, especially when there are negative contributors as well. A good example of this is showing the revenue and costs of a company to come to the final profit.<br />
<br />
<img class="aligncenter size-full wp-image-117" title="Waterfall chart showing company profit" src="http://blog.oomfo.com/wp-content/uploads/2011/05/company-profit-example.jpg" alt="Waterfall chart showing company profit" width="460" height="310" /></p>
<p><span id="more-113"></span></p>
<h2>Creating a waterfall chart in oomfo</h2>
<p>In this post, we will take a detailed look at how to create the company profit waterfall chart using oomfo. Here we go.</p>
<ol>
<li>We will be using the oomfo chart builder to create our waterfall chart. If you are on Windows 2003, go to Insert Menu &gt; oomfo &gt; Insert chart to launch the builder. If you are on Windows 2007 or 2010, go to the Insert tab and click on the Insert Chart button in the oomfo ribbon.<br />
<br />
<img class="aligncenter" title="Launching the oomfo chart builder" src="http://blog.oomfo.com/wp-content/uploads/2011/05/launching-oomfo.jpg" alt="Launching the oomfo chart builder" width="550" height="308" /></li>
<li>In the chart builder that comes up, select chart type as Single Series from the drop-down and then select the waterfall chart from the list of the charts.<br />
<br />
<img class="aligncenter size-full wp-image-122" title="Selecting the waterfall chart in the Chart Selection tab" src="http://blog.oomfo.com/wp-content/uploads/2011/05/selecting-waterfall-chart.jpg" alt="Selecting the waterfall chart in the Chart Selection tab" width="600" height="400" /></li>
<li>Now let&#8217;s enter the data for the chart. For this go to the Chart Data tab either by directly clicking on the tab name or clicking the Next button from the current Chart Selection tab. In the data grid in the Chart Data tab, enter the figures for revenue and cost. Remember to prefix the values with a &#8216;-&#8217; sign for everything negative, which in this case are the fixed and variable costs.<br />
<br />
<img class="aligncenter size-full wp-image-126" title="Entering data for the waterfall chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/waterfall-chart-data-entered.jpg" alt="Entering data for the waterfall chart" width="600" height="400" /><br />
As soon as you hit Apply, you will see that the chart is displayed with the data you entered in the Preview pane. The positive figures add to the original value and the negative figures subtract from it to come to the total, which you can see is automatically added as a column called Total at the end.</li>
<li>Now let&#8217;s go ahead and change the name of the last column from Total to Profits. Go to the Chart Cosmetics tab &gt; Data Functionalities &amp; Cosmetics &gt; Customize.<br />
<br />
<img class="aligncenter size-full wp-image-115" title="Chart cosmetics tab in oomfo" src="http://blog.oomfo.com/wp-content/uploads/2011/05/chart-cosmetics-tab.jpg" alt="Chart cosmetics tab in oomfo" width="600" height="400" /><br />
This will open a new dialog box. Click on the Waterfall/Cascade tab in it and set the name of the last column in the Summation label field.&nbsp;<br />
<br />
<img class="aligncenter size-full wp-image-124" title="Setting the column name for the Total column" src="http://blog.oomfo.com/wp-content/uploads/2011/05/setting-last-column-name.jpg" alt="Setting the column name for the Total column" width="600" height="386" /></li>
<li>As you can see, this dialog box also allows us to set a single color for all positive columns in the chart and another one for all negative columns. When you click on the X next to Positive Columns Color, the color picker comes up. I like to give my green a slightly earthen shade, so I went to the color picker and put together the shade.<br />
<br />
<img class="aligncenter size-full wp-image-116" title="Setting the color for all the positive columns in the waterfall chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/color-for-positive-columns.jpg" alt="Setting the color for all the positive columns in the waterfall chart" width="453" height="331" /><br />
Finally, after choosing a color for the negative columns as well, hit Apply and you will see the resultant chart in the Preview pane.</li>
<li>We are just one step away for checking out our first waterfall chart live in action. We just need to set the chart caption and axis titles. Head over to the Axis and Titles tab and put the Chart Title as Company Profit in Q1 2011. Remove the sub-title and axis titles completely as they are self-explanatory for this chart. Our chart is ready as you can see in the Preview pane.<br />
<br />
<img class="aligncenter size-full wp-image-123" title="Setting the chart and axis titles" src="http://blog.oomfo.com/wp-content/uploads/2011/05/setting-chart-titles.jpg" alt="Setting the chart and axis titles" width="600" height="400" /></li>
<li>Click on Finish to embed the chart in the slide. Position and size it the way you want.<br />
<br />
<img class="aligncenter size-full wp-image-121" title="Positioning the waterfall chart in PowerPoint" src="http://blog.oomfo.com/wp-content/uploads/2011/05/positioning-waterfall-chart.jpg" alt="Positioning the waterfall chart in PowerPoint" width="600" height="454" /><br />
Finally hit slideshow and you have your lovely animated waterfall chart to play around with.&nbsp;<br />
<br />
<img class="aligncenter size-full wp-image-117" title="Waterfall chart showing company profit" src="http://blog.oomfo.com/wp-content/uploads/2011/05/company-profit-example.jpg" alt="Waterfall chart showing company profit" width="460" height="310" /></li>
<li>Wouldn&#8217;t it be helpful if you could add columns that show your company&#8217;s total revenue and total costs as well apart from the final Profit? oomfo has you covered. Just head over to the Chart Data tab and add a row above Fixed Costs.<br />
<br />
<img class="aligncenter size-full wp-image-119" title="Inserting a new row" src="http://blog.oomfo.com/wp-content/uploads/2011/05/new-row-datagrid.gif" alt="Inserting a new row" width="329" height="363" /><br />
Enter the label that you would like to see for the column. I have kept it simple with Total Revenue. Then hover over the value column till the button for more options (a button with ellipses) comes up.&nbsp;<br />
<br />
<img class="aligncenter size-full wp-image-120" title="Options button for a data value" src="http://blog.oomfo.com/wp-content/uploads/2011/05/new-row-options.gif" alt="Options button for a data value" width="328" height="367" /><br />
When you click on it, the Chart Data Plot Properties dialog box comes up. Under  Waterfall/Cascade chart, you will see two options: Is this a sum column? and Use Cumulative Values. Checking Is this a sum column plots a column that is the cumulative sum of all the columns from the last sum column you plotted in the same way.<br />
<br />
<img class="aligncenter size-full wp-image-125" title="Setting intermediate sum columns in the waterfall chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/setting-sum-column.jpg" alt="Setting intermediate sum columns in the waterfall chart" width="550" height="500" /><br />
For plotting Total Revenue, Is this a sum column? sums up all the columns since the start of the chart since there are no sum columns before it. For plotting Total Costs, we will add a row at the end of the data grid and check Is this a sum column? for it. And in that case, it will plot the sum of the columns from Total Revenue column we just added, which is basically the sum of Fixed Costs and Variable Costs.</p>
<p>The Use Cumulative Values does the same work as the Total column at the end. It simply sums up everything right from the start of the chart till that point.</p>
<p>The company profit waterfall chart is all done after you have set up the intermediate sum columns for total revenue and total costs. Here&#8217;s what it should look like:<br />
<br />
<img class="aligncenter size-full wp-image-127" title="Waterfall chart with intermediate sums for total revenue and costs" src="http://blog.oomfo.com/wp-content/uploads/2011/05/waterfall-chart-intermediate-sums.jpg" alt="Waterfall chart with intermediate sums for total revenue and costs" width="530" height="310" /><br />
Notice that the final Profit column stays undisturbed just the way we wanted.</li>
</ol>
<p>So isn&#8217;t it easy to create powerful waterfall charts in minutes using oomfo? If you like what you see, go ahead and <a title="Download oomfo for free" href="http://oomfo.com/download/">download your copy of oomfo now</a>. It&#8217;s free!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/creating-waterfall-charts-in-powerpoint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating funnel charts in PowerPoint</title>
		<link>http://blog.oomfo.com/2011/05/creating-funnel-charts-in-powerpoint/</link>
		<comments>http://blog.oomfo.com/2011/05/creating-funnel-charts-in-powerpoint/#comments</comments>
		<pubDate>Wed, 11 May 2011 10:59:30 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[funnel chart]]></category>
		<category><![CDATA[sales conversion]]></category>
		<category><![CDATA[slicing]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=72</guid>
		<description><![CDATA[PowerPoint does not offer funnel charts by default. So every time you need to show elimination or streamlining of data, you either need to show the data itself in a table or use a wrong chart like the column chart. With oomfo, you can create a funnel chart in PowerPoint and set the functionality exactly ]]></description>
			<content:encoded><![CDATA[<p></p><p>PowerPoint does not offer funnel charts by default. So every time you need to show elimination or streamlining of data, you either need to show the data itself in a table or use a wrong chart like the column chart. With oomfo, you can create a funnel chart in PowerPoint and set the functionality exactly as you need in minutes.</p>
<h2>What is a funnel chart?</h2>
<p>A funnel chart is used to show progressive reduction of data as it passes from one phase to another. The size of the area is determined by the series value as a percentage of the total of all values. The easiest example of this is if you want to show your sales conversion rates – starting from the number of leads you got, you move to the number of leads you could you qualify and finally the closure stage. Understandably, there would be a reduction of data, call it phased elimination if you want to, when you move from one stage to another.</p>
<p><img class="aligncenter size-full wp-image-83" title="Sales conversion funnel chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/sales-conversion-funnel-chart.jpg" alt="Sales conversion funnel chart" width="495" height="413" /></p>
<p><span id="more-72"></span></p>
<p>The recruitment process is another example of progressive reduction of data.<br />
<img class="aligncenter size-full wp-image-82" title="Funnel chart to show the elimination during a recruitment process" src="http://blog.oomfo.com/wp-content/uploads/2011/05/recruitment-funnel-chart.jpg" alt="Funnel chart to show the elimination during a recruitment process" width="496" height="413" /></p>
<h2>Creating a funnel chart using oomfo</h2>
<ol>
<li>We will be using the oomfo chart builder to create our funnel chart. If you are on Windows 2003, go to Insert Menu &gt; oomfo &gt; Insert chart to launch the builder. If you are on Windows 2007 or 2010, go to the Insert tab and click on the Insert Chart button in the oomfo ribbon.<br />
<br />
<img class="aligncenter size-full wp-image-91" title="Launching the oomfo chart builder" src="http://blog.oomfo.com/wp-content/uploads/2011/05/launching-oomfo.jpg" alt="Launching the oomfo chart builder" width="550" height="308" /></li>
<li>In the chart builder that comes up, select chart type as Single Series from the drop-down and then select the funnel chart from the list of the charts.<br />
<br />
<img class="aligncenter size-full wp-image-84" title="Selecting a funnel chart in the Chart Type tab" src="http://blog.oomfo.com/wp-content/uploads/2011/05/selecting-funnel-chart.jpg" alt="Selecting a funnel chart in the Chart Type tab" width="600" height="400" /><br />
As soon as you make the selection, you will see a funnel chart with dummy data shown in the Preview pane.&nbsp;</p>
<p>You can see that the chart builder lists nine steps on the left – however you do not need to complete each step to create a chart. In fact, you can stop at the first step itself after selecting the chart (notice the Finish button on the bottom-right) but more realistically, you will need to select the chart and enter its data at least.</li>
<li>Let’s go ahead and enter the data for the sales conversion funnel chart we are going to make. You can either click on the Next button on the bottom-right or click on the Chart Data button on the top-left.<br />
<br />
<img class="aligncenter size-full wp-image-75" title="Entering data in the Chart Data tab" src="http://blog.oomfo.com/wp-content/uploads/2011/05/data-entry-funnel-chart.jpg" alt="Entering data in the Chart Data tab" width="600" height="400" /><br />
As soon as you finish entering the data, hit Apply and you will see the funnel chart with this data in the Preview pane. You will notice the funnel chart has data labels but not the values.</li>
<li>To display the data values, go to the Data Properties tab &gt; Show Data Values &gt; Show percentage instead of values. Since we are more concerned with looking at the reduction of leads from one phase to another, the percentage values will serve us better.<br />
<br />
<img class="aligncenter size-full wp-image-85" title="Setting to show percentages instead of the data values" src="http://blog.oomfo.com/wp-content/uploads/2011/05/showing-percentage-funnel-chart.jpg" alt="Setting to show percentages instead of the data values" width="600" height="400" /></li>
<li>The only thing left to do is add the appropriate captions to the chart which is done in the Axis and Titles tab. You can click on the tab directly or click on Next from the Data Properties tab to get to it. Just enter the caption you want for the chart and as always, it will be reflected in the Preview Pane itself.<br />
<br /><img class="aligncenter size-full wp-image-78" title="Setting the caption for the funnel chart" src="http://blog.oomfo.com/wp-content/uploads/2011/05/funnel-chart-setting-captions.jpg" alt="Setting the caption for the funnel chart" width="600" height="400" /></li>
<li>Now we are all set to see the chart in its full glory. Click Finish to embed the chart into the slide and then drag it to the position you want.<br />
<br /><img class="aligncenter size-full wp-image-77" title="Positioning the funnel chart in the slide" src="http://blog.oomfo.com/wp-content/uploads/2011/05/funnel-chart-dragging.jpg" alt="Positioning the funnel chart in the slide" width="600" height="456" /><br />
You can also resize the chart by dragging its sides the way you want. After you are done with it, go to slideshow to see the funnel chart in action.</li>
<li>You will see an animated and interactive funnel chart in your slideshow. Isn’t it a breath of fresh air from the static and limited PowerPoint charts you have been seeing all your life? Go ahead and click on one of the wedges to slice it out.<br />
<br /><img class="aligncenter size-full wp-image-79" title="Slicing out a data item during slideshow" src="http://blog.oomfo.com/wp-content/uploads/2011/05/funnel-slicing.jpg" alt="Slicing out a data item during slideshow" width="510" height="500" /><br />
Looks cool, doesn’t it? More importantly, during a presentation, if you want to highlight a particular data set, you can just click on it and slice it out this way. To slice the wedge back in, just click on it again.</li>
<li>What if you wanted to have a wedge sliced out at the start itself? That too is possible with oomfo. We will go back and edit the chart to slice out a wedge by default. Go to normal mode (exit the slideshow mode), select the chart and click on Edit chart in the oomfo ribbon (or from the right-click menu).Now go to the Chart Data tab and hover over the data item you want to slice out. Click on the options button that comes up.<br />
<br /><img class="aligncenter size-full wp-image-76" title="Clicking on options for a data item" src="http://blog.oomfo.com/wp-content/uploads/2011/05/data-value-options.gif" alt="Clicking on options for a data item" width="331" height="363" /><br />
On clicking on it, a dialog box Chart Data Plot Properties will come up. Check Slice out this data item under Pie, Doughnut, Funnel &amp; Pyramid Charts.<br />
<br />
<img class="aligncenter size-full wp-image-86" title="Setting to slice out an item in the funnel chart at the start itself" src="http://blog.oomfo.com/wp-content/uploads/2011/05/slice-out-item.jpg" alt="Setting to slice out an item in the funnel chart at the start itself" width="550" height="500" /><br />
Now click on Ok and hit Apply under the data grid. In the slideshow, you will be able to see how the wedge is sliced out by default.<br />
<br />
<img class="aligncenter size-full wp-image-92" title="First data item in the chart sliced out at the start itself" src="http://blog.oomfo.com/wp-content/uploads/2011/05/sliced-funnel-chart.jpg" alt="First data item in the chart sliced out at the start itself" width="510" height="500" /></li>
<li>So far, so good. Now what if you wanted to display the value of each stage in the funnel as a percentage of the previous stage? For example, what percentage of deals from the Qualification stage get through to the Needs Analysis stage? The current figure of 67.42% is w.r.t to all the deals entering the top of the funnel and not w.r.t the previous stage only. oomfo has you covered on this as well.  Going back to the chart wizard to edit the chart, go to Chart Cosmetics tab &gt; Data Functionalities &amp; Cosmetics &gt; Customize &gt; Funnel/Pyramid &gt; Values appear as percent of previous slice.<br />
<br /><img class="aligncenter size-full wp-image-80" title="Setting to show data items as percentage of previous item" src="http://blog.oomfo.com/wp-content/uploads/2011/05/percent-of-previous-slice.jpg" alt="Setting to show data items as percentage of previous item" width="600" height="386" /><br />
As soon as you click Ok, you will see that you have exactly what you needed in the Preview pane.<br />
<br />
<img class="aligncenter size-full wp-image-81" title="Showing data items as percentage of previous item" src="http://blog.oomfo.com/wp-content/uploads/2011/05/preview-pane-percent-previous.jpg" alt="Showing data items as percentage of previous item" width="347" height="363" /></li>
</ol>
<p>Exactly what you needed, isn’t it?</p>
<p>That’s how easy it is to create a funnel chart using oomfo and set the desired functionality. It also brings other advanced charts like Waterfall, Pareto, Marimekko and Pyramid to PowerPoint. So in case you haven’t got your hands on it already, <a title="Download oomfo" href="http://oomfo.com/download/" target="_blank">do it now</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/creating-funnel-charts-in-powerpoint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>oomfo is maturing and you will love it!</title>
		<link>http://blog.oomfo.com/2011/05/oomfo-is-maturing-and-you-will-love-it/</link>
		<comments>http://blog.oomfo.com/2011/05/oomfo-is-maturing-and-you-will-love-it/#comments</comments>
		<pubDate>Mon, 09 May 2011 09:21:59 +0000</pubDate>
		<dc:creator>Sanket</dc:creator>
				<category><![CDATA[News & Announcements]]></category>
		<category><![CDATA[fusioncharts]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[live data charting]]></category>
		<category><![CDATA[naming]]></category>
		<category><![CDATA[roadmap]]></category>

		<guid isPermaLink="false">http://blog.oomfo.com/?p=33</guid>
		<description><![CDATA[oomfo, as you might already know, is our way of jazzing up data in PowerPoint. It was born early last year after months of bath-tub ‘Eureka’ moments. Coming from the FusionCharts stable, it is a part of our obsessive-compulsive quest to make data more sexy. Since it was born, we’ve had 15,000 beta users testing, ]]></description>
			<content:encoded><![CDATA[<p></p><p>oomfo, as you might already know, is our way of jazzing up data in PowerPoint. It was born early last year after months of bath-tub ‘Eureka’ moments. Coming from the FusionCharts stable, it is a part of our obsessive-compulsive quest to make data more sexy.</p>
<p>Since it was born, we’ve had 15,000 beta users testing, playing and actually using oomfo for their presentations. Everyone has been generous with their feedback on the product, right from the bugs they encountered to enhancement suggestions. Incorporating all the feedback, today oomfo does a lot more than just make your data sexy. It now makes your data sexy&#8230;AND&#8230;.powerful!</p>
<p>Naturally we can’t wait to show it off! Take a look!</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-35" title="oomfo - Awesome is back! " src="http://blog.oomfo.com/wp-content/uploads/2011/05/blog-welcome.jpg" alt="oomfo - Awesome is back! " width="600" height="345" /></p>
<p><span id="more-33"></span></p>
<h3>Why oomfo?</h3>
<p>Because PowerPoint charts deserve better. They have been the same, limited and boring for too long. We surely cannot let that continue, now, can we?</p>
<p>So we decided to revolutionize the way data is visualized in presentations. Of course, you could always embed the charts from FusionCharts to your presentations using our <a title="Embedding FusionCharts in PowerPoint" href="http://www.fusioncharts.com/archive/3%5F1%5F1/docs/Contents/PP_Use.html" target="_blank">comprehensive 10-step process</a>. But we thought the world of PowerPoint needed something simpler. Something that was quick, intuitive and allowed you to focus on your data. So we brought in a simple wizard-based interface to help create stunning charts in a matter of seconds. It had all the animation and interactivity of FusionCharts that has been loved the world over. We were mighty impressed with the results.</p>
<p>And we decided to call it oomfo.</p>
<p><img class="alignnone size-full wp-image-56" title="oomfo - Selecting the chart type" src="http://blog.oomfo.com/wp-content/uploads/2011/05/chart-selector.jpg" alt="oomfo - Selecting the chart type" width="600" height="400" /></p>
<p>And in case you are wondering how we got to the name oomfo, here&#8217;s our thought process behind it &#8211; oomfo makes boring beautiful. It adds some real oomph to your presentations, and hence the name fits in perfectly.</p>
<p>Ok, let&#8217;s cut the BS. Here&#8217;s what the truth is &#8211; It is a 5-letter word which had a .com domain available and felt kind of good when rolled off the tongue.</p>
<h3>What does oomfo do for you?</h3>
<p>oomfo makes your charts look great with its animation and interactivity, gives you advanced capabilities like live data charting and offers charts that PowerPoint forgot to offer. Here&#8217;s everything you can do with it:</p>
<ul>
<li><strong>Give your presentations a great first impression:</strong> With exciting animation, beautiful gradients, 2D/3D designs and smartly thought-out layouts, your charts will look stunning every single time. Your audience is sure to go wow.</li>
<li><strong>Communicate better with your audience:</strong> oomfo brings interactive capabilities like you have never seen before in PowerPoint. Want to show which data set you are talking about in a pie chart during your presentation? Just click on it and it will slice out beautifully. Want to hide a series of data in a combination chart so you can focus on the others? Just click on its icon in the legend and it will be hidden. Want to put a detailed analysis of a data set on the chart? Use the tooltips.</li>
<li><strong>Make sure you have the right chart for your data:</strong> While PowerPoint is well covered on the basic chart types, when it comes to advanced charts, it looks like they forgot most of them. oomfo has you covered on these advanced charts as well so you have the right tool for all kinds of data. Use the Pareto chart for everything 80-20, the visually editable column and line charts for planning and forecasting, the Waterfall chart for showing increase and decrease in a value, the Marimekko chart for marketing analysis, and the Zoom Line chart for showing tens of thousands of data points in a single slide.</li>
<li><strong>Plot live data on your chart:</strong> If you are a sales manager and need to present your team&#8217;s figures to your boss every month, why create new charts with updated figures every single time? oomfo can can pull live data from any URL. Just get salesforce (or the CRM system you use) to send you this data in XML and let your charts know where the data will be coming from. Set it up once, use it forever without having to go back to your boring spreadsheet. Use it for plotting marketing results, attendance numbers and even financial results.</li>
<li><strong>Customize the charts in much greater details than PowerPoint allows you to:</strong> With oomfo, you can customize almost everything you see on the chart. Background, border, captions, divisional lines, formatting of the numbers, alignment of the labels, position of the legend, almost everything. You can add trendlines to the chart, highlight a data set and even add special animation styles for different chart elements. And in case you don&#8217;t want to spend so much time on the customization, you can simply make your charts match the presentation theme with a couple of clicks. Simple and effective.</li>
<li><strong>Get highly portable charts:</strong> The charts you create with oomfo work pretty much anywhere. You can email it to your colleagues with the charts embedded as images. If any of them have oomfo installed, they can even convert these images back to the oomfo charts with just a click and enjoy all the animation &amp; interactivity. You can also export entire slides as webpages that work across all browsers, unlike PowerPoint&#8217;s export which works only on IE. That&#8217;s how smart oomfo is.</li>
</ul>
<p>If the possibilities of what you can do with these excite you, <a title="Download oomfo" href="http://oomfo.com/download/" target="_blank">go get your hands on oomfo right now</a>. That is, if you haven&#8217;t already.</p>
<h3>Who&#8217;s behind oomfo?</h3>
<p>oomfo is a FusionCharts project. It is backed by a small team of four developers led by <a href="http://www.fusioncharts.com/about#Rahul" target="_blank">Rahul</a>, and the business minds behind FusionCharts.</p>
<p>oomfo is built in Microsoft VB6 and the charts are rendered using Adobe Flash coming from FusionCharts. Since we are embedding the Flash Player in PowerPoint, sometimes we get completely weird results. We then have to work weeks and weeks together just to get it back to the expected. But then, we have a hard-working team who are annoyingly stubborn about getting it right.</p>
<h3>Plans ahead</h3>
<p>Lots of them. oomfo has already won for itself a 15,000 strong beta community and <a title="oomfo coverage on BNET" href="http://www.bnet.com/blog/businesstips/animate-your-powerpoint-charts/9209" target="_blank">people</a> <a title="oomfo coverage on labnol" href="http://www.labnol.org/software/animated-charts-for-powerpoint/17876/" target="_blank">have</a> <a title="oomfo coverage" href="http://maketecheasier.com/oomfo-create-stunning-charts-for-powerpoint-presentations/2011/03/01" target="_blank">been</a> <a title="oomfo coverage" href="http://www.mindflash.com/blog/2010/10/4-free-tools-to-help-get-your-powerpoint-from-good-to-great/" target="_blank">talking</a> <a title="oomfo coverage" href="http://blog.indezine.com/2010/02/oomfo-conversation-with-pallav-nadhani.html" target="_blank">a</a> <a title="oomfo coverage by Smashing Magazine" href="http://twitter.com/#!/smashingmag/statuses/9777515286" target="_blank">lot</a> <a title="oomfo coverage" href="http://www.addictivetips.com/microsoft-office/create-and-customize-charts-in-powerpoint-2010-with-oomfo/" target="_blank">about</a> <a title="oomfo coverage" href="http://www.genbeta.com/multimedia/oomfo-permite-incrustar-graficos-animados-en-powerpoint" target="_blank">it</a>. With all the feedback we collected and our own thoughts on how charting in PowerPoint should be, we have a lot of exciting additions to oomfo planned. In the coming months, we will be adding gauges, data-driven maps and drill-down functionality to oomfo.</p>
<p>oomfo is still in beta, and we are looking for all the feedback we can get. You share, we implement. As simple as it can get. And we all get a mind-blowing oomfo to add that much-needed awesomeness to PowerPoint. So if there is anything you think oomfo has to have, send it now to <a href="mailto:support@oomfo.com">support@oomfo.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.oomfo.com/2011/05/oomfo-is-maturing-and-you-will-love-it/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Database Caching 25/112 queries in 0.062 seconds using disk
Object Caching 9625/9658 objects using disk

Served from: blog.oomfo.com @ 2012-05-18 14:19:46 -->
