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.

cosmicinfosoftware

Chartsy is a powerful WordPress chart plugin built with ApexCharts.js, designed to create responsive, interactive, and visually appealing charts. It uses high-performance SVG rendering to ensure smooth animations, precise interactivity, and sharp display across all devices. Whether you’re showcasing business data or complex analytics, Chartsy makes your data easy to understand and engaging.
With an intuitive admin interface and real-time preview, you can quickly customize charts by adjusting colors, fonts, legends, and axes. This flexibility helps you build professional data visualizations faster and more efficiently without any complexity.
<h3>Features</h3>
⭐ 18+ Advanced Chart Types – Create everything from standard Line, Area, and Bar charts to complex Candlestick, Heatmap, Treemap, Timeline, Radar, and Polar Area visualizations. 
⭐ Dynamic Multi-Series Support – Easily manage multiple data series in a single chart with synchronized legends, shared tooltips, and independent styling for every series. 
⭐ Flexible Data Connection – Connect to manual data entry, local or remote CSV files, Google Sheets, SQL databases, REST APIs, or use custom WordPress filters for deep programmatic integration. 
⭐ Interactive Toolbar & Controls – Empower users with built-in tools for Zooming (pinching supported), Panning, Selection-zooming, and a one-click Reset to the original view. 
⭐ Professional Export Suite – Provide users with the ability to download charts directly as PNG images, SVG files, or CSV/PDF documents for offline viewing and reporting. 
⭐ Real-time Admin Preview – Experience zero-latency editing with a live preview system that reflects every change to data sources or styling immediately within the admin panel. 
⭐ Precision Plot Options – Deep control over chart geometry including rounded corners (border-radius), stack types (Normal vs 100% Stacked), grouped bars, and custom offset values. 
⭐ Advanced Axis Customization – Configure multiple Y-axes, custom label formatting, shared scales, grid-line visibility, and precise range controls for both X and Y dimensions. 
⭐ Premium Card Design System – Wrap your charts in beautiful “cards” with custom background gradients, adjustable padding/margins, solid or dashed borders, and rich box-shadow effects. 
⭐ Elementor Widget – Elementor widget for chartsy charts there easily drag and drop and choose your chart. 
⭐ Dynamic Annotations & Labels – Add custom data labels, markers, and forecast points to highlight specific values or trends, with full control over font styles and background colors. 
⭐ Developer Friendly Architecture – Built for developers with extensive hooks (filters and actions) allowing you to inject data or modify chart configurations programmatically. 
⭐ Responsive & Touch Optimized – Charts are fully adaptive by default, responding to screen size changes and supporting native touch gestures for mobile interactions like swipe and pinch. 
⭐ 24/7 Dedicated Support – Our expert support team is available around the clock to help you with installation, configuration, or any technical questions you may have. 
⭐ Shortcode Support – Seamlessly embed your charts anywhere on your site using simple shortcodes: <code>[Chartsy id="123"]</code>.
<h3>External Services</h3>
This plugin includes the following open-source libraries:
<ol>
<li><a href="https://apexcharts.com/" rel="nofollow ugc">ApexCharts.js</a> 
A modern interactive SVG chart library used to power the chart functionality. 
License: MIT</li>
</ol>

Chartsy

Chartsy - lets you easily add dynamic, customizable charts to any page builder using a simple and powerful interface.

Protovis Loader vs Chartsy