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.

QuantumCloud

<h4>AI Infographics Maker with Charts and Graphs – iList</h4>
Infographics & elegant Lists are now easy to make with iList using OpenAI to generate contents. Create impressive Listicles quickly. iList is first of its kind WordPress plugin to create free AI Infographic from your WordPress backend. Use AI to generate the infographics for you!
<blockquote>
🚀 Upgrade to <a href="https://www.quantumcloud.com/products/infographic-maker-ilist/" rel="nofollow ugc">Inforgraphic Maker iList Pro Now</a> now! 
 🚀 <a href="https://www.quantumcloud.com/resources/free-support/" rel="nofollow ugc">Support, Bug Report, Feature Requests</a> | <a href="https://dev.quantumcloud.com/iList/" rel="nofollow ugc">Infographic Maker Pro Version with ChatGPT Demo</a> |
</blockquote>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/T6SzFIby88Q?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> 
Automatically create Infographics with AI
<blockquote>
//-> Try our <a href="https://wordpress.org/plugins/chatbot/" rel="ugc">Free ChatBot for WordPress with AI – WPBot plugin</a>. It is an easy to use, Native, No coding required, AI ChatBot to provide Automated Live Chat Support. Use ChatBot to answer user questions and also collect information from the users using conversational forms. It can be also be powered by DialogFlow, Tavily or OpenAI ChatGPT or simply use the built-in features to provide Live support and collect user data. ++++ Grab the Best <a href="https://www.wpbot.pro/" rel="nofollow ugc">ChatBot for WordPress WPBot</a> Now!
</blockquote>
Make elegant listicles effortlessly directly from the WordPress backend using ChatGPT AI. Data visualiation is now easy! Build Dynamic, HTML & Responsive infographics (data visualizer) or elegant Text and Image Lists easily with embedded HTML5 charts and graphs. Display the infographic on any WordPress page or post with a short code for elegant data visualization.
iList is compatible with Gutenberg and other visual editors like elementor. It also includes a Shortcode Generator Block for Gutenberg.
Getting Started with the Infographic Maker – iList (PRO)
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dxACdl0XZHg?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>
This is a new way to create, curate and visualize useful contents or listicles and display them with elegant designs. Make elegant text lists, image lists or infographics that your users will love, bookmark, embed and share!
Not convinced? Check our starter guide on how to 
<a href="https://www.quantumcloud.com/resources/make-infographics-ilist/" rel="nofollow ugc">make Infographics quickly and easily</a> with iList under 15 minutes.
You can allow people to cast votes for your list and infographic items. You can allow anyone to embed your infographic or list on their websites! As a HUGE added bonus this creates BackLink opportunities for you because each embed code generates a backlink to your own website with custom anchor text as you define.
<h4>Charts and Graphs with iList</h4>
iList supports creating and adding Bar chart, Line Chart, Polar Area Chart, Radar Chart, Pie Chart and Doughnut Charts. Making a chart or graph is as easy as eating a pie and allows you rich data visualization in the form of infographic. The chart creation and adding processes are fully integrated with iList. Google’s chartjs livrary is used to generate the charts. Chartjs uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.
<h4>Who is it for?</h4>
Free Online Infographic maker iList is a must have plugin for you if you are a:
<ul>
<li>Blogger</li>
<li>SEO Specialist</li>
<li>Content Curator</li>
<li>Marketer</li>
<li>Webmaster</li>
<li>Data Visualizer</li>
<li>Anyone with a WordPress website</li>
</ul>
<h4>iList Demos</h4>
<a href="http://dev.quantumcloud.com/iList/ilist-premium-infographic-style-19/" rel="nofollow ugc">Premium Info Graphic Template 19</a>
<a href="http://dev.quantumcloud.com/iList/ilist-template-infographics-premium-style-10/" rel="nofollow ugc">iList Features with Chart Demo</a>
<a href="http://dev.quantumcloud.com/iList/ilist-template-infographic-chocolate-style-01/" rel="nofollow ugc">Chocolate Infographic Template</a>
<a href="https://dev.quantumcloud.com/iList/" rel="nofollow ugc">Check out Demos of All Available Templates</a>
<h4>What Can You Do with the AI Infographic Maker iList?</h4>
Data Visualization – Create beautiful, elegant Infographic with Charts and Graphs, Text Lists or Graphics Lists easily by simply adding your own text and images and then selecting a template of your choice. Then show the iList on any page of your website anywhere.
<ol>
<li>The Infographic or Lists are all dynamic and HTML – so they are fully SEO friendly.</li>
<li>They are also Responsive – so readable in any screen size.</li>
<li>Info graphics are embeddable – so anyone else can share them on their websites</li>
<li>People can vote for each individual Infographics or List items – so your users can interact with them</li>
<li>They are customizable for every aspect of colors and fonts</li>
<li>Create Infographics Automatically with OpenAI, ChatGPT</li>
</ol>
Starter guide to <a href="https://www.quantumcloud.com/resources/make-infographics-ilist/" rel="nofollow ugc">make Infographics</a> with iList.
<h4>How does iList help you?</h4>
iList lets you make unique and responsive Lists and Infographics free with any text and images or a combination of both (infographics) with HTML5 charts and graphs. This is the first WordPress plugin that lets you build HTML infographics with charts and graphs. Make an infographic list with text and images and select an elegant infographic template to show on any page of the website anywhere. The infographics are HTML and Responsive. The infographic templates are beautiful and you can just take a screenshot and share as an image should you want to.
<h4>iList Data Visualization Advantage</h4>
Making beautiful looking lists used to take a significant CSS knowledge. With iList you get nice looking List designs without any programming or design knowledge. Forget those old style boring List styles and layouts. This innovative and powerful, yet simple Infographics and List maker WordPress PlugIn allows you to create and curate comprehensive Lists with text and images with ease. Build Useful Lists or Infographics share with your website users; and let them share yours!
Possibilities are endless.
<h4>iList Features</h4>
iList, Infographic maker lite version, comes bundled with 20+ modern and great looking Infographic, text or image List templates that are fully Responsive, Masonry and integrates with your current theme easily. We are working on more templates to release soon.
The advanced embed feature allows other website users to embed your infographics on their websites, thereby increasing sharing and engagement on your own site!
<h4>iList Pro Features</h4>
iList Pro comes with 80+ templates a bunch of advanced features like adding additional details to show in lightbox. Enable share on twitter, copy text and embedding features to make your infographics more interactive. Visual Text Editor for Descriptions and Save as Image features! iList Pro also supports multi page listicle builder with ad space and unique URLs for each slide!
<h4>Upgrade to iList Pro for More Features</h4>
<ul>
<li>Unlimited iLists – Info Lists, Graphics Lists, InfoGraphics & MultiPage Listicles!</li>
<li>Integration with OpenAI</li>
<li>Create Infographics Automatically with OpenAI, ChatGPT</li>
<li>Create Elegant Lists or Infographics Directly from WordPress Backend. </li>
<li>Integration with OpenAI</li>
<li>Create Infographics Automatically with OpenAI, ChatGPT</li>
<li>Make Multi page Listicles with unique URLs and Ad Space to generate money </li>
<li>Shortcode Generator Infographic Block for Gutenberg </li>
<li>80+ Beautiful, Responsive Templates </li>
<li>Create Dynamic Infographics Easily and also save as Image </li>
<li>Create Dynamic Image Lists Easily </li>
<li>Create Dynamic Text Lists Easily </li>
<li>Create Once Use Anywhere! </li>
<li>Check Preview from the WordPress backend </li>
<li>Save Infographics as an Image! </li>
<li>Responsive, Editable, Animated </li>
<li>Extensive Options for Control Over Display </li>
<li>Elegant Box View or Open Width </li>
<li>Define Infographic Width </li>
<li>Link Image to a Custom URL </li>
<li>Visual Editor for Short and Long Description Fields </li>
<li>Format Your List itemss with Bold, Links, Colors etc. </li>
<li>Assign Different Background Colors for Each Item </li>
<li>Integrated Font Awesome Icons </li>
<li>Show Chart or primary Image with Infographic </li>
<li>Embed option. Other website owners can now embed the useful Infographics and lists you create on their websites with a backlink to your own website. Great for SEO! </li>
<li>Create charts and graphs and add to your iLists with few clicks. Pie Chart, Bar chart, Line Chart, Polar Area Chart, Radar Chart, and Doughnut Chart are supported </li>
<li>Google ChartJS implementation with HTML5, responsive charts and graphs </li>
<li>iChart editor button that lets you create charts on any page anywhere – even without an iList! </li>
<li>Configurable iList Highlight Colors for Each List </li>
<li>Allow Site Users to Up Vote Infographic Items </li>
<li>Enable Share button to copy individual list item </li>
<li>Enable Share button to share a list item on Twitter </li>
<li>Long Description Field </li>
<li>Show Long Description in LightBox Modal When Available </li>
<li>Control Infograohic Items Ordering </li>
<li>Quick and Intuitive Admin Area to Make Infographics Easily </li>
<li>Pick from 800+ Google Fonts for Title and Description </li>
<li>Customize iList templates from your active theme‘s folder. </li>
<li>Custom CSS to Add Your Own Style </li>
<li>Pre Designed Title Area </li>
<li>RTL support </li>
<li>Compare Two Lists </li>
<li>Show Percentage Bars </li>
<li>Priority Support and Help </li>
</ul>
<blockquote>
🚀 <a href="https://www.quantumcloud.com/products/infographic-maker-ilist/" rel="nofollow ugc">iList Pro</a> now supports creating Infographics Automatically with OpenAI (ChatGPT)! 
 ++ Download <a href="https://github.com/qcloud/chatbot" rel="nofollow ugc">Free ChatBot from WordPress WPBot</a> from GITHUB
</blockquote>
<h4>ShortCode Generator</h4>
You are encouraged to use the handy Short Code generator from your page Visual Editor bar. But here are the shortcode parameterd if you want to do it manually.
Shortcode Example 
[qcld-ilist mode=”one” list_id=”75″ column=2]
Available Parameters: 
1. mode 
Value for this option can be set as “one” or “all”. Example: mode=”one”
<ol>
<li>
column 
Avaialble values: “1”, “2”, “3”. Example: column=1
</li>
<li>
list_id 
Applicable if you want to display a single list [not all]. You can provide specific list id here as a value. You can also get ready shortcode for a single list under “Manage List Items” menu. Example: list_id=”404″
</li>
<li>
upvote 
Values: on or off. This options allows upvoting of your list items. 
Example: upvote=”on”
</li>
</ol>
<h3>Use</h3>
<ol>
<li>After activating the plugin, create some lists. Create a new page or post. In the body section write this shortcode 
[qcld-ilist mode=”one” list_id=”YOUR LIST ID COPIED FROM Manage iList Items Page”] </li>
<li>Save the page/post and check the page in front end. You’ll see a nicely designed Infographic or List.</li>
<li>Under the settings page in admin you can find the help in “Tabbed Category” menu.</li>
</ol>

AI Infographic Maker

AI Infographic maker with charts and graphs. Make Listicles, HTML infographics quickly with OpenAI ChatGPT.

Protovis Loader vs AI Infographic Maker