Title: Chartlet Author: vlty Published: March 23, 2026 Last modified: March 23, 2026 --- Search plugins ![](https://ps.w.org/chartlet/assets/banner-772x250.jpg?rev=3488957) ![](https://ps.w.org/chartlet/assets/icon-256x256.jpg?rev=3488722) # Chartlet By [vlty](https://profiles.wordpress.org/vlty/) [Download](https://downloads.wordpress.org/plugin/chartlet.1.0.1.zip) * [Details](https://pcd.wordpress.org/plugins/chartlet/#description) * [Reviews](https://pcd.wordpress.org/plugins/chartlet/#reviews) * [Installation](https://pcd.wordpress.org/plugins/chartlet/#installation) * [Development](https://pcd.wordpress.org/plugins/chartlet/#developers) [Support](https://wordpress.org/support/plugin/chartlet/) ## Description **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. ### Key Benefits: * **Zero Database Bloat:** No per-chart database entries. Everything lives in your content. * **Ultra Lightweight:** Optimized for Core Web Vitals and speed. * **GDPR Compliant:** No external CDNs. Chart.js is served directly from your server. * **Intuitive Builder:** Create charts visually in your admin settings and get a shortcode instantly. ### Features * **Multiple Chart Types:** Choose between Bar, Line, Pie, and Doughnut charts. * **Live Shortcode Builder:** Configure labels, data points, colors, and dimensions with a real-time generator. * **Fully Responsive:** Charts automatically scale to fit any screen size (mobile, tablet, desktop). * **Smart Defaults:** Set global brand colors and heights in the settings to keep your charts consistent. * **Custom Units:** Add prefixes (e.g., $) or suffixes (e.g., %) to your data tooltips. * **Translation Ready:** Fully compatible with multilingual sites. ### Usage Go to **Chartlet Generate**. Use the visual builder to: 1. Select your chart type. 2. Input labels and data (separated by `,`). 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=”$”] ## Screenshots * [[ * **The Core Web Vitals Report** – An example of a Bar Chart showing performance improvements. * [[ * **AI Tokens Usage** – A sleek, modern Line Chart with custom neon colors. * [[ * **Traffic Sources 2026** – A clean Doughnut Chart visualizing modern web traffic. * [[ * **Carbon Footprint** – A Pie Chart example showing how to use the suffix feature for percentages. * [[ * **The Chartlet Builder** – Our intuitive admin interface where you generate your shortcodes in seconds. * [[ * **Shortcode in Action** – How the shortcode looks inside a standard WordPress post before rendering. ## Installation 1. Upload the `chartlet` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Navigate to **Chartlet Settings** to configure your default styles. 4. Use the **Chart Builder** to generate a shortcode and paste it into any post or page. ## FAQ ### Does this plugin affect site speed? Hardly! We use a single, minified JS library and only load it when a shortcode is present. No database queries are required to render your charts. ### Is it compatible with Block Editor (Gutenberg)? Yes! Just paste the generated shortcode into a “Shortcode” block. (Advanced Gutenberg support is coming soon in the Pro version!) ### Can I use it for free for commercial sites? Absolutely. Chartlet is licensed under GPLv2, so you can use it on any personal or commercial project. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Chartlet” is open source software. The following people have contributed to this plugin. Contributors * [ vlty ](https://profiles.wordpress.org/vlty/) [Translate “Chartlet” into your language.](https://translate.wordpress.org/projects/wp-plugins/chartlet) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/chartlet/), check out the [SVN repository](https://plugins.svn.wordpress.org/chartlet/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/chartlet/) by [RSS](https://plugins.trac.wordpress.org/log/chartlet/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.1 * Updated bundled Chart.js to 4.5.1. * Improved JSON output escaping in renderer. * Corrected readme contributors username. #### 1.0.0 * Initial release. * Bar, Line, Pie, Doughnut support. * Visual Shortcode Builder. * Local Chart.js integration. ## Meta * Version **1.0.1** * Last updated **2 weeks ago** * Active installations **Fewer than 10** * WordPress version ** 5.9 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/chartlet/) * Tags * [chart](https://pcd.wordpress.org/plugins/tags/chart/)[charts](https://pcd.wordpress.org/plugins/tags/charts/) [graph](https://pcd.wordpress.org/plugins/tags/graph/)[shortcode](https://pcd.wordpress.org/plugins/tags/shortcode/) [visualization](https://pcd.wordpress.org/plugins/tags/visualization/) * [Advanced View](https://pcd.wordpress.org/plugins/chartlet/advanced/) ## Ratings No reviews have been submitted yet. [Add my review](https://wordpress.org/support/plugin/chartlet/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/chartlet/reviews/) ## Contributors * [ vlty ](https://profiles.wordpress.org/vlty/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/chartlet/)