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.

Pranav MT

✨ New SVG Icons is a comprehensive WordPress plugin that revolutionizes how you manage and display SVG icons on your website. Built with security, performance, and user experience in mind, this plugin offers multiple ways to add icons and powerful customization options.
🚀 Why Choose New SVG Icons? 
* 🔒 Security First: All SVG code is automatically sanitized to prevent XSS attacks 
* 🎯 Multiple Input Methods: Upload files, paste code, or scan folders 
* 🎨 Built-in Editor: Live SVG editor with real-time preview 
* 📁 Smart Organization: Categorize icons for easy management 
* ⚡ Performance Optimized: Lightweight and fast loading 
* 🛠️ Developer Friendly: Extensive shortcode parameters and filters
🌟 Key Features:
📤 Multiple Upload Methods 
* 📁 File Upload: Drag & drop multiple SVG files at once 
* 📝 Code Paste: Direct SVG code input with live preview 
* 🔍 Folder Scanner: Batch import from wp-content/svg-icons/ directory 
* 📚 Built-in Library: Pre-installed icon collection
🎨 Advanced SVG Editor 
* 🖼️ Live Preview: See changes in real-time as you edit 
* 🎛️ Attribute Editor: Modify colors, dimensions, and properties 
* 🔧 Dimension Controls: Resize with locked aspect ratio 
* 🌈 Background Toggle: Test icons on different backgrounds 
* 📐 Preview Sizing: Adjustable preview scale (50%-200%)
🏷️ Smart Organization 
* 📂 Categories: Built-in categories (Social, UI, Business, Arrows, Logos, Shapes) 
* 🏷️ Custom Categories: Create your own organization system 
* 🔍 Search & Filter: Quickly find icons by name or category 
* 📊 Icon Counter: Track your library size
⚡ Powerful Shortcode System 
Use <code>[svg_icon name="icon-name"]</code> with these amazing parameters: 
* 📏 <code>size="24"</code> – Set custom dimensions 
* 🎨 <code>color="#ff0000"</code> – Change icon color 
* 🎯 <code>class="my-class"</code> – Add CSS classes 
* 🐛 <code>debug="true"</code> – Debug mode for troubleshooting
🔒 Enterprise-Level Security 
* 🛡️ SVG Sanitization: Removes potentially harmful code 
* 🔐 Nonce Protection: CSRF protection on all actions 
* 👤 Permission Checks: Admin-only access controls 
* 🗃️ Database Security: Prepared SQL statements
🎁 Bonus Features 
* 📋 One-Click Copy: Copy shortcodes and SVG code instantly 
* 🌐 Resource Library: Curated list of free SVG icon sources 
* 📖 Usage Guide: Built-in help and tutorials 
* 🎯 Quick Tools: Links to online SVG editors and optimizers
<a href="https://tastewp.com/plugins/new-svg-icons/" rel="nofollow ugc">🌟 Live Demo</a> | <a href="https://wp-zip.com/new-svg-icons" rel="nofollow ugc">📖 Documentation & Downloads</a> | <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">💬 Support</a>
<h3>Support & Contributing</h3>
💝 Love this plugin? 
* ⭐ <a href="https://wordpress.org/support/plugin/new-svg-icons/reviews/" rel="ugc">Leave a 5-star review</a> 
* 🐛 <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">Report bugs</a> 
* 💡 <a href="https://wordpress.org/support/plugin/new-svg-icons/" rel="ugc">Suggest features</a> 
* 🤝 <a href="https://github.com/your-username/new-svg-icons" rel="nofollow ugc">Contribute on GitHub</a>
🚀 Keep building amazing things! 🎨✨

New SVG Icons

🎨 The ultimate SVG icon management solution for WordPress! Upload, edit, organize and display beautiful vector icons safely with powerful shortcodes.

Protovis Loader vs New SVG Icons