vlty

Chartlet is a lightweight, performance-focused plugin for creating beautiful, interactive charts and graphs via shortcodes.
Stop bloating your database! Unlike other chart plugins that store every graph as a custom post type, Chartlet stores all configurations directly within the shortcode. This makes your site faster and your data easier to manage.
Using the power of Chart.js (loaded locally for maximum privacy and GDPR compliance), Chartlet allows you to visualize data in seconds. Perfect for data journalism, financial reports, or simply adding a professional touch to your blog posts.
<h3>Key Benefits:</h3>
<ul>
<li>Zero Database Bloat: No per-chart database entries. Everything lives in your content.</li>
<li>Ultra Lightweight: Optimized for Core Web Vitals and speed.</li>
<li>GDPR Compliant: No external CDNs. Chart.js is served directly from your server.</li>
<li>Intuitive Builder: Create charts visually in your admin settings and get a shortcode instantly.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Multiple Chart Types: Choose between Bar, Line, Pie, and Doughnut charts.</li>
<li>Live Shortcode Builder: Configure labels, data points, colors, and dimensions with a real-time generator.</li>
<li>Fully Responsive: Charts automatically scale to fit any screen size (mobile, tablet, desktop).</li>
<li>Smart Defaults: Set global brand colors and heights in the settings to keep your charts consistent.</li>
<li>Custom Units: Add prefixes (e.g., $) or suffixes (e.g., %) to your data tooltips.</li>
<li>Translation Ready: Fully compatible with multilingual sites.</li>
</ul>
<h3>Usage</h3>
Go to Chartlet → Generate. Use the visual builder to: 
1. Select your chart type. 
2. Input labels and data (separated by <code>,</code>). 
3. Customize colors, title, and height. 
4. Add a value suffix (e.g., %) or prefix (e.g., $). 
5. Click Generate Shortcode, copy it, and paste it anywhere!
Manual Shortcode Example: 
 [chartlet type=”bar” labels=”Jan,Feb,Mar” data=”10,20,15″ colors=”#3366cc,#dc3912″ title=”Revenue” height=”300″ prefix=”$”]

Chartlet

The lightest way to create beautiful, responsive charts in WordPress. No database clutter, no heavy libraries — just pure performance.

edwardbenson

Cloudstitch is a community of spreadsheet powered widgets you can add to any site — things like product lists, data visualizations, and conference schedules.
This plugin makes every widget on Cloudstitch available in WordPress with a simple Shortcode.
Adding a shaded electoral map of the US, for example, is as simple as adding the following line: <code>[cloudstitch widget="project-templates/electoral-map-visualization"]</code>
<h3>Trying it Out</h3>
Try out the plugin by injecting demo widget already on Cloudstitch. Just add the following Shortcode to a page or post:
<pre><code>`
</code></pre>
[cloudstitch widget=”project-templates/electoral-map-visualization”] 
 `
<h3>Using your own Cloudstitch Widgets</h3>
You can inject any widget that you’ve duplicated and customized on Cloudstitch. The general Shortcode format is:
<pre><code>`
</code></pre>
[cloudstitch widget=”USER-NAME/PROJECT-NAME”] 
 `
For example, let’s say you visited Cloudstitch.io and duplicated <a href="http://cloudstitch.io/project-templates/electoral-map-visualization" rel="nofollow ugc">that electoral map widget</a>.
Assuming your username is <code>TheIncredibleHulk</code>, you would end up with your own copy of the project hosted at a URL like this: <code>http://cloudstitch.io/TheIncredibleHulk/electoral-map-visualization</code>.
Your custom Shortcode is thus <code>[cloudstitch widget="TheIncredibleHulk/electoral-map-visualization"]</code>

Cloudstitch

Add the entire Cloudstitch library of spreadsheet-powered visualizations and widgets with just a shortcode.

Chartlet vs Cloudstitch