{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["platform-badges","admonition"]},"type":"markdown"},"seo":{"title":"Treasure AI Studio - Charts & Data Visualization","description":"Turn query results into interactive charts — bar, line, pie, area, scatter, Sankey, treemap, funnel, and more — rendered directly in the conversation.","siteUrl":"https://docs.treasuredata.com","lang":"en-US","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"charts--data-visualization","__idx":0},"children":["Charts & Data Visualization"]},{"$$mdtype":"Tag","name":"PlatformBadges","attributes":{"platforms":["Web","Desktop","Mobile"]},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Ask a question about your data and the AI doesn't just return a table — it renders an interactive chart right in the conversation. Hover for tooltips, click legend items to toggle series, and explore the visualization to fit your analysis workflow."]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Note"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The AI selects chart type, axis mapping, and color palette automatically based on your data and request. Charts are generated as self-contained HTML files and rendered in the file viewer — no external services are called. You can always ask for a different chart type if the AI's initial choice doesn't fit your analysis. On Mobile, charts are viewable in the HTML file viewer but chart generation requires a Web or Desktop session."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"objective","__idx":1},"children":["Objective"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Understand the chart types available in Studio, how data flows from queries to visualizations, how to interact with rendered charts, and how to build multi-cell dashboards for comprehensive analysis."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"prerequisites","__idx":2},"children":["Prerequisites"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Signed in to Treasure AI Studio (",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/getting-started"},"children":["Getting Started"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Familiarity with the chat interface (",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/chat/chat"},"children":["AI Chat Interface"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["At least one database with queryable data in your Treasure AI account"]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"why-charts-matter-in-an-ai-workflow","__idx":3},"children":["Why Charts Matter in an AI Workflow"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Tables show you the numbers. Charts show you the story. When the AI returns query results alongside a chart, you can:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Spot patterns instantly"]}," — Trend lines, outliers, and distributions are visible at a glance"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Validate AI reasoning"]}," — See whether the data supports the AI's summary or recommendation"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Iterate faster"]}," — Ask \"now show this as a funnel\" or \"break it down by region\" and get a new chart in seconds"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Share with stakeholders"]}," — Charts in dashboards communicate findings without requiring SQL literacy"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"common-chart-types","__idx":4},"children":["Common Chart Types"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The AI can generate a variety of chart types depending on your data and request. Common types include:"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Chart Type"},"children":["Chart Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Best For"},"children":["Best For"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Example Use Case"},"children":["Example Use Case"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Bar"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Comparing categories"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Revenue by product line"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Horizontal Bar"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Long category labels"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Top 20 pages by session count"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Stacked Bar"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Part-to-whole by category"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Conversions by channel and device type"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Line"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Trends over time"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Daily active users over 90 days"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Area"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Volume trends over time"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Cumulative revenue by month"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Pie"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Proportions of a whole"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Traffic source distribution"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Scatter"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Correlation between variables"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Session duration vs. page views"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Radar"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Multi-dimensional comparison"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Feature adoption scores across segments"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Sankey"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Flow and transitions"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["User journey from landing page to checkout"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Treemap"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Hierarchical proportions"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Storage usage by database and table"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Funnel"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sequential drop-off"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Signup-to-purchase conversion stages"]}]}]}]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Pro Tip"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You don't need to memorize chart types. Describe what you want to understand — \"show me how users flow through the checkout\" — and the AI selects the appropriate chart type (Sankey in this case). If you want a specific type, name it explicitly: \"show this as a funnel chart.\""]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"how-charts-are-generated","__idx":5},"children":["How Charts Are Generated"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["When you ask a question that benefits from visualization, the AI follows this sequence:"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Query execution"]}," — The AI writes and runs a Trino query to retrieve data (see ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/query/query-execution"},"children":["Query Execution"]},")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Chart type selection"]}," — Based on the data shape and your request, the AI selects a chart type"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Data mapping"]}," — The AI maps query columns to chart axes, series, and labels"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["File generation"]}," — The AI generates a self-contained HTML file with embedded chart logic and opens it in the file viewer"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You see each step in the chat stream — the query as a tool call, then the chart rendering — so you can verify the data before trusting the visualization."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"example-conversation","__idx":6},"children":["Example Conversation"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"header":{"controls":{"copy":{}}},"source":"You: Show me daily signups for the last 30 days\n\nAI: [Runs Trino query with td_interval(-30d)]\n    [Renders line chart: x-axis = date, y-axis = signup count]\n\n    Signups have been trending upward, with a notable spike on March 15\n    that correlates with the product launch announcement.\n"},"children":[]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"interacting-with-charts","__idx":7},"children":["Interacting with Charts"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"web--desktop","__idx":8},"children":["Web & Desktop"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Charts rendered as HTML support standard web interactions:"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Action"},"children":["Action"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Behavior"},"children":["Behavior"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Hover"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Tooltip displays exact values for the data point under your cursor"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Click legend"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Toggle a data series on or off to focus on specific metrics"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Theme sync"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Charts automatically switch between light and dark mode with your Studio theme"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"reading-the-chart-in-context","__idx":9},"children":["Reading the Chart in Context"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Charts appear in the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["file panel"]}," (right side of the screen). In the chat stream, you see a file notification card with the chart filename — click it to open the chart in the file viewer."]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"color-palette-and-theming","__idx":10},"children":["Color Palette and Theming"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The AI typically applies a consistent color palette when generating charts, drawing from the Treasure AI design system. Colors may vary depending on the charting library the AI uses in the generated HTML."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The palette adapts to your theme:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Light mode"]}," — Dark axis labels, light grid lines, light tooltip background"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Dark mode"]}," — Light axis labels, subtle grid lines, dark tooltip background"]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"grid-dashboards","__idx":11},"children":["Grid Dashboards"]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"warning","name":"Coming Soon"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Grid dashboards are a planned feature. The capabilities described in this section are not yet available in the current release."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For comprehensive analysis, the AI will be able to build ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["grid dashboards"]}," — multi-cell layouts combining charts, tables, KPIs, and other visualizations on a single page."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"planned-cell-types","__idx":12},"children":["Planned Cell Types"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Cell Type"},"children":["Cell Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"What It Shows"},"children":["What It Shows"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Use Case"},"children":["Use Case"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Chart"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Any supported chart type"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Trend lines, comparisons, distributions"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Table"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sortable data table"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Detailed records, top-N lists"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["KPI"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Single metric with trend indicator"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Revenue total, conversion rate, DAU"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Gauge"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Semi-circle meter with threshold"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["SLA compliance, quota progress"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Scores"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Labeled progress bars"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Feature adoption, health scores"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Markdown"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Rich text content"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Section headers, explanatory notes"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"requesting-a-dashboard","__idx":13},"children":["Requesting a Dashboard"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Ask the AI to build a dashboard by describing what you want to see:"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"header":{"controls":{"copy":{}}},"source":"You: Build a dashboard showing:\n     - Total revenue and MoM growth as KPIs\n     - Revenue by region as a bar chart\n     - Daily revenue trend as a line chart\n     - Top 10 customers as a table\n"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The AI generates a multi-cell layout as an HTML file and displays the result in the file viewer. Each cell is independently scrollable and themed."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"multi-page-dashboards","__idx":14},"children":["Multi-Page Dashboards"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Dashboards will support multiple pages. A ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["page selector dropdown"]}," at the top lets you switch between views — for example, \"Overview,\" \"Regional Breakdown,\" and \"Customer Detail.\""]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"data-format-reference","__idx":15},"children":["Data Format Reference"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Understanding how the AI structures chart data helps you make more specific requests:"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"cartesian-charts-bar-line-area-stacked-bar-horizontal-bar","__idx":16},"children":["Cartesian Charts (Bar, Line, Area, Stacked Bar, Horizontal Bar)"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The AI maps your data to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Labels"]}," — Category or time axis (x-axis)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Datasets"]}," — One or more data series, each with a label and values"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Example:"]}," \"Revenue and costs by quarter\" produces:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Labels: Q1, Q2, Q3, Q4"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Dataset 1: Revenue — [100, 150, 200, 250]"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Dataset 2: Costs — [60, 80, 90, 110]"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"pie-and-funnel-charts","__idx":17},"children":["Pie and Funnel Charts"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Each slice or stage maps to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Name"]}," — Category label"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Value"]}," — Numeric amount"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"scatter-charts","__idx":18},"children":["Scatter Charts"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Each point maps to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["X"]}," — Horizontal position"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Y"]}," — Vertical position"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Series"]}," — Group label (for multi-series scatter plots)"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"sankey-charts","__idx":19},"children":["Sankey Charts"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Flow data maps to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Nodes"]}," — Named entities (pages, stages, categories)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Links"]}," — Connections between nodes with flow values"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"treemap-charts","__idx":20},"children":["Treemap Charts"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Hierarchical data maps to:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Name"]}," — Category label"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Value"]}," — Area proportion"]}]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"verification","__idx":21},"children":["Verification"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["After reading this guide, you can:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Request a chart from query results and understand how the AI selects the chart type"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Interact with a rendered chart using hover tooltips and legend toggles"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Request a specific chart type by name when the AI's default choice doesn't fit"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Ask the AI to build a multi-cell grid dashboard with mixed visualization types"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"input","attributes":{"checked":false,"type":"checkbox","readOnly":true},"children":[]}," Explain the difference between a Sankey chart and a funnel chart"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"troubleshooting","__idx":22},"children":["Troubleshooting"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Issue"},"children":["Issue"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Solution"},"children":["Solution"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Chart appears empty"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Check the underlying query — expand the tool call in the chat to verify data was returned"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Wrong chart type"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Ask explicitly: \"Show this as a bar chart instead\""]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Chart too small"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Ask the AI for a \"full-width\" visualization or regenerate at a larger size"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Colors hard to distinguish"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Switch between light and dark mode — the palette adapts to improve contrast"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Dashboard cells overlap"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Ask the AI to regenerate with a different grid layout (e.g., \"use a 2-column layout\")"]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"next-steps","__idx":23},"children":["Next Steps"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/query/query-execution"},"children":["Query Execution"]}," — Understand how queries feed data into charts"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/query/query-results"},"children":["Query Result Tables"]}," — Work with tabular data alongside charts"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/files/artifacts"},"children":["File Output"]}," — Export charts and dashboards as files (PPTX, PDF)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/products/ai-studio/query/tdx-commands"},"children":["TDX Commands"]}," — Run CLI commands for data exploration before charting"]}]}]},"headings":[{"value":"Charts & Data Visualization","id":"charts--data-visualization","depth":1},{"value":"Objective","id":"objective","depth":2},{"value":"Prerequisites","id":"prerequisites","depth":2},{"value":"Why Charts Matter in an AI Workflow","id":"why-charts-matter-in-an-ai-workflow","depth":2},{"value":"Common Chart Types","id":"common-chart-types","depth":2},{"value":"How Charts Are Generated","id":"how-charts-are-generated","depth":2},{"value":"Example Conversation","id":"example-conversation","depth":3},{"value":"Interacting with Charts","id":"interacting-with-charts","depth":2},{"value":"Web & Desktop","id":"web--desktop","depth":3},{"value":"Reading the Chart in Context","id":"reading-the-chart-in-context","depth":3},{"value":"Color Palette and Theming","id":"color-palette-and-theming","depth":2},{"value":"Grid Dashboards","id":"grid-dashboards","depth":2},{"value":"Planned Cell Types","id":"planned-cell-types","depth":3},{"value":"Requesting a Dashboard","id":"requesting-a-dashboard","depth":3},{"value":"Multi-Page Dashboards","id":"multi-page-dashboards","depth":3},{"value":"Data Format Reference","id":"data-format-reference","depth":2},{"value":"Cartesian Charts (Bar, Line, Area, Stacked Bar, Horizontal Bar)","id":"cartesian-charts-bar-line-area-stacked-bar-horizontal-bar","depth":3},{"value":"Pie and Funnel Charts","id":"pie-and-funnel-charts","depth":3},{"value":"Scatter Charts","id":"scatter-charts","depth":3},{"value":"Sankey Charts","id":"sankey-charts","depth":3},{"value":"Treemap Charts","id":"treemap-charts","depth":3},{"value":"Verification","id":"verification","depth":2},{"value":"Troubleshooting","id":"troubleshooting","depth":2},{"value":"Next Steps","id":"next-steps","depth":2}],"frontmatter":{"seo":{"title":"Treasure AI Studio - Charts & Data Visualization","description":"Turn query results into interactive charts — bar, line, pie, area, scatter, Sankey, treemap, funnel, and more — rendered directly in the conversation."},"platforms":["Web","Desktop","Mobile"]},"lastModified":"2026-04-23T08:10:59.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/products/ai-studio/visualization/charts","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}