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 ProblemScoop 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."