# Advanced Chart Types

Pictorial bars, waterfall charts, and radial visualizations

# Advanced Charting: Pictorial & Waterfall

> **Note:** This document explains advanced visualization features often missed by standard users.

## 🎯 Intent Triggers
*If the user asks about:*
-   "Custom icons in bar charts"
-   "Picture charts"
-   "Waterfall chart for finance"
-   "Showing profit and loss flow"
-   "Using my logo in a chart"

## 🧠 Core Concept Mapping

| User Problem | Scoop Solution |
| :--- | :--- |
| "I want bars to look like people/trucks/money." | **Pictorial Bar Chart** (Style Tab -> Pictorial Config) |
| "I need to show starting cash, changes, and ending cash." | **Waterfall Chart** |
| "My chart needs to be radial/circular." | **Radial Bar Chart** |

## 📝 Solution Recipe: Creating a Pictorial Chart

**Scenario:** You want a bar chart where the bars are stacks of coins or custom icons.

1.  **Create a Bar Chart:** Start by creating a standard Bar Chart with your metrics.
2.  **Open Style Tab:** In the Explorer right-hand drawer, click **Style**.
3.  **Enable Pictorial:** Look for the **Pictorial Bar** section (or "Show as bar" toggle).
4.  **Upload Image:**
    *   Click the "Upload" icon next to a data series.
    *   Upload your SVG or PNG (e.g., a coin icon).
5.  **Configure:**
    *   **Repeat:** Toggle "On" to stack the image (Coin, Coin, Coin) instead of stretching it.
    *   **Clip:** Toggle "On" to cut off the last image partially (representing fractional values).

## 📝 Solution Recipe: Creating a Waterfall Chart

**Scenario:** Visualizing P&L (Profit & Loss) or Inventory Flow.

1.  **Select Data:** Choose your metric (e.g., "Monthly Variance").
2.  **Chart Type:** Select **Waterfall** from the visualization list.
3.  **Style Configuration:**
    *   **Start Color:** Color for the initial baseline.
    *   **Up Color:** Color for positive increments (e.g., Green).
    *   **Down Color:** Color for negative decrements (e.g., Red).
    *   **End Color:** Color for the final total bar.

## 💡 "Pro Tip"
*   "For Pictorial Charts, use **SVG icons** for the best resolution. If you use 'Repeat' mode, make sure your icon is roughly square for accurate counting."