Title: Chartlet
Author: vlty
Published: <strong>March 23, 2026</strong>
Last modified: April 26, 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.1.0.zip)

 * [Details](https://mlt.wordpress.org/plugins/chartlet/#description)
 * [Reviews](https://mlt.wordpress.org/plugins/chartlet/#reviews)
 *  [Installation](https://mlt.wordpress.org/plugins/chartlet/#installation)
 * [Development](https://mlt.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.
 * **Native Gutenberg Block:** Insert charts directly from the block inserter with
   a live server-side preview.

### Features

 * **8 Chart Types:** Bar, Line, Pie, Doughnut, Radar, Polar area, Scatter, and 
   Bubble charts.
 * **Gutenberg Block:** Native `chartlet/chart` block with real-time server-side
   preview in the editor.
 * **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

**Gutenberg block:** Open the block inserter and search for “Chartlet”. Insert the
block, enter data, and the chart preview updates live in the editor.

**Shortcode builder:** 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!

**Shortcode examples:**

    ```
    [chartlet type="bar" labels="Jan,Feb,Mar" data="10,20,15" colors="#3366cc,#dc3912" title="Revenue" height="300" prefix="$"]

    [chartlet type="scatter" data="1:5, 2:10, 3:8"]

    [chartlet type="bubble" data="1:5:3, 2:10:5, 3:8:10"]
    ```

## 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.

## Blocks

This plugin provides 1 block.

 *   Chartlet Insert a responsive Chart.js chart.

## 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! Chartlet includes a native Gutenberg block (`chartlet/chart`) with a live server-
side preview directly in the editor. You can also use the generated shortcode inside
a “Shortcode” block.

### 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.1.0

 * Added Radar, Polar area, Scatter, and Bubble chart types (8 total).
 * Added native Gutenberg block `chartlet/chart` with server-side preview in the
   editor.
 * Scatter data format: `x:y` pairs (e.g. `1:5, 2:10`).
 * Bubble data format: `x:y:radius` triples (e.g. `1:5:3, 2:10:5`).
 * Labels field is hidden in the block editor for Scatter and Bubble types.
 * Fixed double JSON encoding in renderer.

#### 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.1.0**
 *  Last updated **3 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://mlt.wordpress.org/plugins/tags/chart/)[charts](https://mlt.wordpress.org/plugins/tags/charts/)
   [graph](https://mlt.wordpress.org/plugins/tags/graph/)[shortcode](https://mlt.wordpress.org/plugins/tags/shortcode/)
   [visualization](https://mlt.wordpress.org/plugins/tags/visualization/)
 *  [Advanced View](https://mlt.wordpress.org/plugins/chartlet/advanced/)

## Ratings

No reviews have been submitted yet.

[Your 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/)