Title: Chartlet
Author: vlty
Published: <strong>23 março, 2026</strong>
Last modified: 26 abril, 2026

---

Pesquisar plugins

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

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

# Chartlet

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

[Baixar](https://downloads.wordpress.org/plugin/chartlet.1.1.0.zip)

 * [Detalhes](https://br.wordpress.org/plugins/chartlet/#description)
 * [Avaliações](https://br.wordpress.org/plugins/chartlet/#reviews)
 *  [Instalação](https://br.wordpress.org/plugins/chartlet/#installation)
 * [Desenvolvimento](https://br.wordpress.org/plugins/chartlet/#developers)

 [Suporte](https://wordpress.org/support/plugin/chartlet/)

## Descrição

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

## Capturas de tela

 * [[
 * **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.

## Blocos

Este plugin disponibiliza 1 bloco.

 *   Chartlet Insert a responsive Chart.js chart.

## Instalação

 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.

## Perguntas frequentes

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

## Avaliações

Não há avaliações para este plugin.

## Colaboradores e desenvolvedores

“Chartlet” é um programa de código aberto. As seguintes pessoas contribuíram para
este plugin.

Colaboradores

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

[Traduzir o “Chartlet” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/chartlet)

### Interessado no desenvolvimento?

[Navegue pelo código](https://plugins.trac.wordpress.org/browser/chartlet/), consulte
o [repositório SVN](https://plugins.svn.wordpress.org/chartlet/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/chartlet/)
por [RSS](https://plugins.trac.wordpress.org/log/chartlet/?limit=100&mode=stop_on_copy&format=rss).

## Registro de alterações

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

 *  Versão **1.1.0**
 *  Última atualização **1 mês atrás**
 *  Instalações ativas **Menos de 10**
 *  Versão do WordPress ** 5.9 ou superior **
 *  Testado até **6.9.4**
 *  Versão do PHP ** 7.4 ou superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/chartlet/)
 * Tags
 * [chart](https://br.wordpress.org/plugins/tags/chart/)[charts](https://br.wordpress.org/plugins/tags/charts/)
   [graph](https://br.wordpress.org/plugins/tags/graph/)[shortcode](https://br.wordpress.org/plugins/tags/shortcode/)
   [visualization](https://br.wordpress.org/plugins/tags/visualization/)
 *  [Visualização avançada](https://br.wordpress.org/plugins/chartlet/advanced/)

## Classificações

Ainda não foi enviada nenhuma avaliação.

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

[Ver todas avaliações](https://wordpress.org/support/plugin/chartlet/reviews/)

## Colaboradores

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

## Suporte

Tem algo a dizer? Precisa de ajuda?

 [Ver fórum de suporte](https://wordpress.org/support/plugin/chartlet/)