Title: Chartlet
Author: vlty
Published: <strong>23 مارس 2026</strong>
Last modified: 26 آوریل 2026

---

جستجوی افزونه‌ها

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

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

# Chartlet

 توسط [vlty](https://profiles.wordpress.org/vlty/)

[دانلود](https://downloads.wordpress.org/plugin/chartlet.1.1.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/chartlet/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/chartlet/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/chartlet/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/chartlet/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/chartlet/)

## توضیحات

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

## عکس‌های صفحه

[⌊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** – 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** – 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** – 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** – 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** – 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** – How the shortcode looks inside a standard WordPress post
before rendering.

## بلوک‌ها

این افزونه 1 بلوک ارائه می‌دهد.

 *   Chartlet Insert a responsive Chart.js chart.

## نصب

 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.

## سوالات متداول

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

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Chartlet” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

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

[ترجمه “Chartlet” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/chartlet)

### علاقه‌ مند به توسعه هستید؟

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

## گزارش تغییرات

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

## اطلاعات

 *  نگارش **1.1.0**
 *  Last updated **1 ماه پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 5.9 یا بالاتر **
 *  Tested up to **6.9.4**
 *  نگارش PHP ** 7.4 یا بالاتر **
 *  زبان
 * [English (US)](https://wordpress.org/plugins/chartlet/)
 * Tags
 * [chart](https://fa.wordpress.org/plugins/tags/chart/)[charts](https://fa.wordpress.org/plugins/tags/charts/)
   [graph](https://fa.wordpress.org/plugins/tags/graph/)[shortcode](https://fa.wordpress.org/plugins/tags/shortcode/)
   [visualization](https://fa.wordpress.org/plugins/tags/visualization/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/chartlet/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

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

[مشاهده همه بررسی‌ها](https://wordpress.org/support/plugin/chartlet/reviews/)

## مشارکت کنندگان

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

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/chartlet/)