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.

Sajib Rahman

Besnik

AL EMRAN

Arun Pattnaik

<p>13000+ free & pro Graphical Resource For WordPress website builders that take your website to the next level.</p>
<p>Graphicly is all in one graphical solution for your favorite page builder. Supportive files are ( SVG, PNG ). <strong>Pre made</strong> graphical assets insert directly to your project without leaving WordPress.</p>
<h3>Free Resources</h3>
<ul>
<li>Free Resources Features</li>
<li>300+ Illustrations</li>
<li>100+ 3D Assets</li>
<li>3000+ Icons<br />
Everyone has access to try 3000+ free Icons, Illustrations and 3D Assets to use within Elementor, Gutenberg, WPBakery & Beaver Builder. All you need to do is browse, insert then customize.</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="560" height="315" src="https://www.youtube.com/embed/d_xgSfPKZJY?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>Premium Resources</h3>
<p>13000+ Professionally designed, categorized, trending high quality assets available for Graphicsly Pro subscribers.</p>
<h3>Why People Love Graphichly?</h3>
<ul>
<li><strong>Organized Resources</strong> –Graphicly help you to design your website with high end visual content. Make your website more attractive, eye catchy and appealing by adding some graphics elements with Graphicsly plugin.</li>
<li><strong>Save 10x Time</strong> – Easily insert Icons, Illustrations and 3d Assets libraries to your project directly without leaving the comfort of your WordPress admin.</li>
<li><strong>Insert assets and go live!</strong></li>
</ul>
<h3>Loved Graphichly?</h3>
<ul>
<li>Join our <a href="https://www.facebook.com/graphicslyofficial" rel="nofollow ugc">Facebook Group</a></li>
<li>Stay Updated with our <a href="https://www.youtube.com/channel/UCnaatk5FV7cljZlPP6WAEvQ" rel="nofollow ugc">Youtube Channel</a></li>
<li>Rate us on WordPress</li>
</ul>
<h3>Documentation And Support</h3>
<ul>
<li><a href="https://graphicsly.net/support/" rel="nofollow ugc">Contact Our Support</a> </li>
<li><a href="https://graphicsly.net/documentation/" rel="nofollow ugc">Check Our Documentation</a></li>
</ul>


Graphicsly – The ultimate graphics plugin for WordPress website builder ( Gutenberg, Elementor, Beaver Builder, WPBakery )

Graphicsly the ultimate graphics plugin for WordPress website builder ( Gutenberg, Elementor, Beaver Builder, WPBakery )

Protovis Loader vs Graphicsly – The ultimate graphics plugin for WordPress website builder ( Gutenberg, Elementor, Beaver Builder, WPBakery )