Title: Chartlet
Author: vlty
Published: <strong>Ẹrẹ́nà 23, 2026</strong>
Last modified: Igbe 26, 2026

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/chartlet/assets/banner-772x250.jpg?rev=3488957)

![](https://ps.w.org/chartlet/assets/icon-256x256.jpg?rev=3488722)

# Chartlet

 Láti ọwọ́ [vlty](https://profiles.wordpress.org/vlty/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/chartlet.1.1.0.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/chartlet/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/chartlet/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/chartlet/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/chartlet/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/chartlet/)

## Àpèjúwe

**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"]
    ```

## Àwọn àwòrán ìbòjú

[⌊The Core Web Vitals Report - An example of a Bar Chart showing performance improvements.⌉⌊
The Core Web Vitals Report - An example of a Bar Chart showing performance improvements
.⌉[

**The Core Web Vitals Report** Ìtumọ̀ Yorùbá: – An example of a Bar Chart showing
performance improvements.

[⌊AI Tokens Usage - A sleek, modern Line Chart with custom neon colors.⌉⌊AI Tokens
Usage - A sleek, modern Line Chart with custom neon colors.⌉[

**AI Tokens Usage** Ìtumọ̀ Yorùbá: – A sleek, modern Line Chart with custom neon
colors.

[⌊Traffic Sources 2026 - A clean Doughnut Chart visualizing modern web traffic.⌉⌊
Traffic Sources 2026 - A clean Doughnut Chart visualizing modern web traffic.⌉[

**Traffic Sources 2026** Ìtumọ̀ Yorùbá: – A clean Doughnut Chart visualizing modern
web traffic.

[⌊Carbon Footprint - A Pie Chart example showing how to use the suffix feature for
percentages.⌉⌊Carbon Footprint - A Pie Chart example showing how to use the suffix
feature for percentages.⌉[

**Carbon Footprint** Ìtumọ̀ Yorùbá: – 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.⌉⌊The Chartlet Builder - Our intuitive admin interface where you generate
your shortcodes in seconds.⌉[

**The Chartlet Builder** Ìtumọ̀ Yorùbá: – 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.⌉⌊Shortcode in Action - How the shortcode looks inside a standard
WordPress post before rendering.⌉[

**Shortcode in Action** Ìtumọ̀ Yorùbá: – How the shortcode looks inside a standard
WordPress post before rendering.

## Àwọn ìdí

Plugin yìí pèsè 1 ìdí.

 *   Chartlet Insert a responsive Chart.js chart.

## Ìgbéwọlẹ̀

 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.

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“Chartlet” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí 
plugin yìí.

Àwọn Olùkópa

 *   [ vlty ](https://profiles.wordpress.org/vlty/)

[Túmọ̀ “Chartlet” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/chartlet)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/chartlet/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/chartlet/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/chartlet/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/chartlet/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

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

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.1.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 2 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10**
 *  Ẹ̀yà WordPress ** 5.9 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **6.9.4**
 *  Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/chartlet/)
 * Àwọn àmì
 * [chart](https://yor.wordpress.org/plugins/tags/chart/)[charts](https://yor.wordpress.org/plugins/tags/charts/)
   [graph](https://yor.wordpress.org/plugins/tags/graph/)[shortcode](https://yor.wordpress.org/plugins/tags/shortcode/)
   [visualization](https://yor.wordpress.org/plugins/tags/visualization/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/chartlet/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

[Your review](https://wordpress.org/support/plugin/chartlet/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/chartlet/reviews/)

## Àwọn Olùkópa

 *   [ vlty ](https://profiles.wordpress.org/vlty/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/chartlet/)