seancarmody

<p>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.</p>
<p>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.</p>
<p>Protovis Loader makes the whole process a lot easier in two ways:</p>
<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>
<p>Usage:</p>
<p>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:</p>
<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>
<p>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 <em>only</em> if a caption field is not supplied and a src field is supplied.</p>
<p>Here is an example of use of the tag:</p>
<p>[pvis src=”http://www.example.com/chart.js” img=”fails.png” height=”125px”]My Caption![/pvis]</p>
<p>You can see the plugin in action on <a href="http://www.stubbornmule.net/resources/protovis-loader/" rel="nofollow ugc">the Stubborn Mule</a>.</p>
<h3>To-Do List</h3>
<p>This list is not really prioritised yet.</p>
<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>
<p>I’m sure there’ll be a lot more!</p>


Protovis Loader

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

WPManageNinja

Mahmudul Hasan Arif

Hasanuzzaman Shamim

Sumon Sarker

Naeem Haque

<p>If you need the best charts and graphs plugin for your WordPress website, you are at the right place. With Ninja Charts, you can create responsive charts that are fully customizable, and beautiful.</p>
<p>For the best data visualization, Ninja Charts is the most powerful and lightweight chart and graph generator. It allows you to create numerous types of graphs and charts in WordPress.</p>
<ul>
<li>Line charts</li>
<li>Pie charts</li>
<li>Bar charts</li>
<li>Bubble charts</li>
<li>Doughnut charts</li>
<li>Radar charts</li>
<li>Polar charts</li>
<li>Scatter charts</li>
<li>Area charts</li>
<li>Combo charts</li>
<li>Horizontal bar charts</li>
<li>Funnel charts</li>
</ul>
<h3>WordPress Charts Plugin Video Preview</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/vIHR3_vNOFM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Ninja Tables Integration With Ninja Charts</h3>
<p>When <a href="https://ninjatables.com/docs/ninja-chart-integration/" rel="nofollow ugc">Ninja Charts</a> is packed with Ninja Tables, it’s one of WordPress’s most eligible chart-maker plugins. It enables you to retrieve data from a popular data table builder: <a href="https://ninjatables.com" rel="nofollow ugc">Ninja Tables</a> and show them in the form of different charts.</p>
<h3>Ninja Charts Features</h3>
<p>This completely free Ninja Charts plugin is a robust visualization tool that enables you to create many kinds of interactive and customizable charts and graphs. It is equipped with a lot of amazing features.</p>
<ul>
<li>Deep integration with Ninja Tables</li>
<li>Easy-to-use interface</li>
<li>Design and Layout customization</li>
<li>Responsive, mobile-friendly WordPress chart plugin</li>
<li>Simple and handy steps to get started</li>
<li>SEO-friendly charts</li>
<li>Shortcodes to embed</li>
<li>Live preview on admin</li>
<li>Multiple chart types available</li>
<li>Multiple data sources</li>
<li>Versatile rendering engines</li>
<li>Special formatting and preview option</li>
<li>Amazing, dedicated support facility</li>
</ul>
<h3>10+ Chart Types</h3>
<p>This WordPress chart and graph plugin provides more than 10 types of charts that are optimized to address your WordPress data visualization needs.</p>
<p>Ninja Charts allows you to customize your data charts in the best way possible. You can choose from a bunch of advanced options to customize your online data chart while creating the chart.</p>
<h3>Customizability with ease</h3>
<p>Ninja Charts is Versatile and Tailored to Your Needs. Now personalize your charts with ease. Customize a wide range of options to seamlessly integrate the visual style of your website.</p>
<p>While Google Chart tools offer a default setting, all customization is entirely optional, and the basic setup is ready to go. Should your webpage have a unique style that differs from the provided defaults, charts, and graphs can be effortlessly adjusted.</p>
<p>Each chart offers a plethora of options to fine-tune its appearance with complete flexibility. Some customization options are-</p>
<ul>
<li>Chart width</li>
<li>Responsive chart width</li>
<li>Chart height</li>
<li>Chart Position</li>
<li>Background color</li>
<li>Border width</li>
<li>Border color</li>
<li>Border radius</li>
<li>Font size</li>
<li>Font style</li>
<li>Font color</li>
</ul>
<p>Moreover, you’ll get more options like <strong>AXES</strong>, <strong>TITLE</strong>, <strong>TOOLTIP</strong>, and <strong>LEGEND</strong> to give your online chart a more polished look.</p>
<h3>Responsive Charts</h3>
<p>While 90% of your visitors are mobile users, you just can’t forget the responsiveness of the charts. That’s why Ninja Charts comes with a JavaScript-based chart rendering engine that provides cross-browser compatibility and cross-platform portability to any screen size.</p>
<h3>Flexibility and Ease of Use</h3>
<p>It’s the easiest chart-maker solution for your websites. You just need to specify the titles and the chart type, and then you will find the option to put a value manually, or you can retrieve data from the Ninja Tables plugin directly.</p>
<p>After completing the process, the plugin will automatically generate a short code for a single chart, which you can embed on any page or post to show the respective data.</p>
<h3>Awesome Support</h3>
<p>You can get dedicated support from our excellent support team for this beautiful WordPress table plugin for free! All you need to do is create a <a href="https://wpmanageninja.com/support-tickets/" rel="nofollow ugc">support ticket</a> here.</p>
<p>Our support team eagerly awaits your feature requests and extended help for customized tables. Don’t hesitate to create a support ticket for the best experiences.</p>


Ninja Charts – Interactive Charts and Graphs

I tested it recently, as I trust very much all plugins this company develops. 
It displays well my data in beautiful and customizable charts. It works very well with Ninja Tables. 
Works as expected, and I'm looking forward to further development

Nice plugin, working well

The easiest way to create responsive, customizable, and reusable charts and graphs for your website.

Protovis Loader vs Ninja Charts – Interactive Charts and Graphs