seancarmody

Protovis Loader is a plugin which faciliates the use of <a href="http://vis.stanford.edu/protovis/" rel="nofollow ugc">Protovis</a> scripts. Protovis is a javascript data visualisation library being developed at Stanford, which allows the creation of interactive charts on web pages.
Incorporating Javascript code into WordPress posts can be tricky as it (deliberately) sanitises text typed into posts, which interferes with Javascript. When I first began experimenting with Javascript, this cause me some difficulties, as described in this post. In the end, I decided to roll up my sleeves and write a plugin to make the whole process a lot easier. Protovis Loader was the result.
Protovis Loader makes the whole process a lot easier in two ways:
<ol>
<li>It ships with a copy of the Protovis javascript library and once the plugin is activated, links to the library will automatically be included in page headers.</li>
<li>It creates a shortcode called [pvis] which makes it very easy to include Protovis scripts in blog posts and pages.</li>
</ol>
Usage:
Simply use the [pvis] shortcode in your posts and pages where you want to include a Protovis chart. There are a number of optional parameters:
<ul>
<li>type: ‘chart’ (default) displays a chart in a box with an optional caption, ‘inline’ has no box (e.g. useful for sparklines)</li>
<li>src: path to a Protovis (javascript) code file</li>
<li>height: height of canvas box for the chart</li>
<li>width: width of canvas box for the chart</li>
<li>img: path to a fallback image to use when scripts are blocked or the browser does not support Protovis</li>
<li>alt: alt text for the fallback image</li>
<li>caption: image caption</li>
</ul>
If any content is supplied between the opening [pvis] tag and the closing [/pvis] tag, it is taken to be javascript for inclusion. It may also be interpreted as a caption, but only if a caption field is not supplied and a src field is supplied.
Here is an example of use of the tag:
[pvis src=”http://www.example.com/chart.js” img=”fails.png” height=”125px”]My Caption![/pvis]
You can see the plugin in action on <a href="http://www.stubbornmule.net/resources/protovis-loader/" rel="nofollow ugc">the Stubborn Mule</a>.
<h3>To-Do List</h3>
This list is not really prioritised yet.
<ol>
<li>Improve user-agent (browser) detection</li>
<li>Create an options page</li>
<li>Allow custom CSS files</li>
<li>Allow for alterntive specification of the protovis js library</li>
<li>Replace tags in the imported script to allow shortcode parameters to be used in the script</li>
</ol>
I’m sure there’ll be a lot more!

Protovis Loader

Creates a shortcode to faciliate the use of Protovis data visualization scripts in blog posts.

sguha1988.life

FusionCharts is a software service provider creating data visualization products. Its flagship product, FusionCharts Suite XT, is a comprehensive JavaScript-based charting solution that focuses on easing the process of data visualization through charts. With over 90 charts and 1000 maps, FusionCharts Suite XT covers a wide range of data visualization requirements. The product includes standard charts, like the column chart, bar chart, line chart, as well as advanced charts like the treemap, heatmap, waterfall chart, radar chart, and so on. (To know more, take a look at the complete list of <a href="http://www.fusioncharts.com/dev/getting-started/list-of-charts.html" rel="nofollow ugc">charts</a> and <a href="http://www.fusioncharts.com/dev/getting-started/list-of-maps.html" rel="nofollow ugc">maps</a> in FusionCharts Suite XT.) 
 The FusionCharts for WordPress plugin lets you embed awesome-looking JavaScript charts in your WordPress page or post.
<h3>Usage guide</h3>
<ol>
<li>
In the editor, click the Add Chart button (as shown in Image 1 in the Screenshots section).
You will be given a form to fill up the basic chart settings for FusionCharts (as shown in Image 2 in the Screenshots section).
Note: Default values are already populated in the form fields, including sample JSON data to create a basic column 2D chart. For more chart samples, click <a href="http://www.fusioncharts.com/charts/" rel="nofollow ugc">here</a>.
</li>
<li>
Click the PREVIEW THE CHART button (in the bottom-left corner of Image 2 in the Screenshots section) to preview the chart before embedding it in your post/page (preview for the sample chart is in Image 3 in the Screenshots section).
Note: If there is error in chart data, the preview is not shown.
</li>
<li>
If you need to change the chart settings, click BACK TO SETTINGS (refer Image 3 in the Screenshots section) to go back to the form with the settings.
</li>
<li>
Make the required changes to the chart settings and preview the chart again.
</li>
<li>
If everything looks good, click EMBED THIS CHART (refer Image 3 in the Screenshots section).
</li>
<li>
Click Publish (for a new post)/Update (for a modified post) to view the page/post (the final output for the sample chart is shown in Image 5 in the Screenshots section).
</li>
</ol>
<h3>Donations</h3>
This plugin is and always will be free for use. Reach out to us at <a href="https://github.com/sguha-work/fc-wp/issues" rel="nofollow ugc">https://github.com/sguha-work/fc-wp/issues</a> for your suggestions to help us to improve or with regard to any issues that you are facing.

Plugin Name: FusionCharts for WordPress

FusionCharts is a software service provider creating data visualization products. Its flagship product, FusionCharts Suite XT, is a comprehensive Java …

Protovis Loader vs Plugin Name: FusionCharts for WordPress