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.

Automatic-rock

This plugin adds some SVG functionality to your WordPress and uses a SVG technique that’s based on an idea by Alexey Ten and used by Jens Kuerschner which was my starting point for this plugin. 
This way of including SVG images into HTML seems to be the one with the best combination of performance and compatibility at the moment. 
Upload SVG files to your WordPress and add them to your post or pages via the SVG button in your visual editor. Here you can even select to have zoom and pan (mouse drag) on your svg, useful for maps for example. You can also set image size, a fallback image and an alt text for SEO
List of Features:
<ul>
<li>Upload SVG files to your media library</li>
<li>Use SVG files via a TinyMCE bytton or by shortcode in your posts or pages</li>
<li>Option to add captions to your SVG images</li>
<li>Option to set zoom and drag on svg images (by mouse and buttons)</li>
<li>Option to set a CSS class</li>
<li>Option to define a fallback image (usually PNG) for your SVG</li>
<li>Option to add alt-information for SEO</li>
</ul>
Example: 
[svg-complete align=”aligncenter” class=”my_own_class” svg_path=”http://upload.wikimedia.org/wikipedia/commons/9/95/World_map_frigid.svg” alt_path=”www.mysite.com/images/worldmap.png” alt=”wiki world map” width=”760″ height=”400″ zoompan=”zoom_button”]Wiki Worldmap[/svg-complete]
See http://www.automatic-rock.nl/svg-zoom-pan-drag-wordpress/ for a complete instruction and examples

SVG Complete

Upload SVG files and add them to your post or page via the SVG button in your visual editor or via a shortcode, with zoom & drag option!

Protovis Loader vs SVG Complete