> ## Documentation Index
> Fetch the complete documentation index at: https://docs.woopilot.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# 0-Click Dynamic Infographics

> High-contrast Retina PNG executive dashboards generated in server RAM and delivered instantly into Telegram

# 0-Click Dynamic Infographics 🎨

Text messages can be easily overlooked in busy Telegram channels. WooPilot AI solves this by rendering **crystal-clear Retina PNG graphic dashboards** and sending them directly into your chat with **zero clicks required**.

```text theme={null}
┌─────────────────────────────────────────────────────────────────────────────┐
│ 💬 TELEGRAM CHAT PROMPT:                                                    │
│ "Render a visual executive dashboard for this week's revenue"               │
├─────────────────────────────────────────────────────────────────────────────┤
│ 🤖 WOOPILOT AI DELIVERS:                                                    │
│ ┌─────────────────────────────────────────────────────────────────────────┐ │
│ │ 🌟 EXECUTIVE SALES SUMMARY — AUG 24–30, 2026                            │ │
│ │ ┌───────────────────┐ ┌───────────────────┐ ┌─────────────────────────┐ │ │
│ │ │ 💰 NET REVENUE    │ │ 📦 TOTAL ORDERS   │ │ 📈 AVERAGE CHECK        │ │ │
│ │ │ $28,450.00        │ │ 412 orders        │ │ $69.05                  │ │ │
│ │ │ ▲ +14.2% vs prev  │ │ ▲ +8.1% vs prev   │ │ ▲ +5.6% vs prev         │ │ │
│ │ └───────────────────┘ └───────────────────┘ └─────────────────────────┘ │ │
│ │ 🏆 TOP CATEGORIES: Shoes (42%) | Apparel (35%) | Accessories (23%)      │ │
│ └─────────────────────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────────────┘
```

***

## ⚡ The Zero-Disk Satori + Resvg Engine

Unlike traditional reporting tools that spin up heavy headless browsers (Puppeteer / Chromium) taking 4–10 seconds and consuming gigabytes of memory, WooPilot AI uses an **ultra-lightweight in-memory C/Rust pipeline**:

```mermaid theme={null}
flowchart LR
    A[SQL Data Aggregates] --> B[Satori JSX Template]
    B --> C[SVG Vector Graph in RAM]
    C --> D[Resvg Rust Engine]
    D --> E[Retina PNG Image Buffer]
    E --> F[Telegram Bot SendPhoto API]
```

1. **Sub-300ms Generation Speed:** JSX templates are compiled to SVG via Vercel Satori and rasterized to PNG via native Rust Resvg in under 300 milliseconds.
2. **0ms Disk I/O Overhead:** The entire infographic lifecycle runs strictly in server RAM buffer memory, eliminating disk wear and file storage cleanup overhead.
3. **Retina Display Clarity:** 2x pixel ratio ensures razor-sharp typography, high contrast, and crisp icons on OLED smartphone screens.

***

## 📊 Available Infographic Formats

WooPilot AI dynamically selects the optimal visual structure based on your data:

* **Executive Multi-KPI Summaries:** 2 to 4 prominent metric cards with comparative percentage change indicators ($\blacktriangle$ / $\blacktriangledown$).
* **Trend Dynamics & Timelines:** Daily or weekly revenue comparisons with colored bar charts.
* **Top Product Leaderboards:** Ranked lists showing item titles, units sold, and revenue share.
* **Category Breakdown Bars:** Visual distribution of store revenue across departments.
* **Conversion & Checkout Funnels:** Order completion rates and drop-off points.

***

## 🎨 Interactive Styling in Chat

You can customize the design of any generated dashboard on the fly:

```text theme={null}
"Change the dashboard theme to dark luxury"
"Make the background light and add a refund rate KPI box"
"Add a top 5 products ranking bar to this report"
```


## Related topics

- [Financial Analytics & Executive Dashboards](/capabilities/financial-analytics.md)
- [System Architecture](/architecture.md)
- [GDPR Compliance & Zero-PII Policy](/security/gdpr-pii-masking.md)
- [Quickstart Guide](/quickstart.md)
- [Visual Diff Staging Table](/tma/diff-table-staging.md)