Canvas
Charts
Visualize data with interactive charts
1 min read
Documentation
Turn your data into visual insights. Create bar charts, line graphs, pie charts, and more directly from your conversations.
Chart Types
Bar Charts
Compare categories or show rankings:
"Create a bar chart showing monthly sales:
- January: $45,000
- February: $52,000
- March: $48,000
- April: $61,000
- May: $58,000"Line Charts
Show trends over time:
"Create a line chart showing user growth:
- Week 1: 100 users
- Week 2: 250 users
- Week 3: 400 users
- Week 4: 650 users
- Week 5: 900 users"Pie Charts
Display proportions:
"Create a pie chart of traffic sources:
- Organic Search: 45%
- Direct: 25%
- Social Media: 20%
- Referral: 10%"Area Charts
Show cumulative values:
"Create an area chart showing cumulative revenue by quarter"Scatter Plots
Show relationships between variables:
"Create a scatter plot comparing price vs. sales volume"Creating Charts
Provide Your Data
Share data in any format:
"Here's my data:
Product A: 150 units, $4,500
Product B: 230 units, $6,900
Product C: 85 units, $2,550"Chart Renders in Canvas
Your chart appears with proper formatting, labels, and legend.
Refine as Needed
Ask for adjustments:
- "Add a title: 'Q4 Product Sales'"
- "Change the colors to blue shades"
- "Sort bars from highest to lowest"
Data Input Formats
Charts work with data in various formats:
Simple List
January: 100
February: 150
March: 200Table Format
| Month | Sales | Expenses |
|---------|-------|----------|
| Jan | 5000 | 3000 |
| Feb | 6000 | 3500 |
| Mar | 5500 | 3200 |CSV Style
Month,Sales,Expenses
Jan,5000,3000
Feb,6000,3500
Mar,5500,3200Natural Language
"We had 100 signups in January, 150 in February,
and 200 in March"Chart Customization
Titles and Labels
"Add title 'Monthly Revenue Growth'
X-axis: 'Month'
Y-axis: 'Revenue ($)'"Colors
"Use a blue-to-green gradient for the bars"
"Make positive values green and negative red"
"Use our brand colors: #1E90FF and #32CD32"Legends
"Add a legend showing what each series represents"
"Position the legend at the bottom"Scales
"Start the Y-axis at zero"
"Use logarithmic scale for the Y-axis"
"Show values in thousands (K)"Multi-Series Charts
Compare multiple data series:
"Create a line chart comparing three products over 6 months:
Product A: 10, 15, 20, 25, 30, 35
Product B: 5, 10, 20, 25, 35, 45
Product C: 15, 18, 22, 24, 28, 32"From Data Analysis to Visualization
Analyze Then Visualize
"I have sales data for 100 products. Analyze it and
create a chart showing:
- Top 10 products by revenue
- Their contribution to total revenue"Insights with Charts
"Look at this data and suggest the best visualization
to show the key trend, then create it"Real-World Examples
Sales Dashboard
"Create charts for a sales dashboard:
1. Monthly revenue bar chart
2. Revenue by region pie chart
3. Year-over-year growth line chart"Marketing Report
"Visualize our marketing metrics:
- Traffic sources (pie chart)
- Conversion rate trend (line chart)
- Campaign performance (bar chart)"Financial Overview
"Create financial charts showing:
- Revenue vs expenses (grouped bar)
- Profit margin trend (line)
- Cost breakdown (pie)"Exporting Charts
Copy Data
Copy the underlying data table for use in:
- Excel/Google Sheets
- Database tools
- Reporting systems
Save as Image
- Right-click the chart
- Select "Save image"
- Choose format (PNG or SVG)
Recreate in Other Tools
Use the data to recreate charts in:
- Excel/Google Sheets
- Tableau
- Power BI
- Custom dashboards
Tips for Better Charts
Choose the Right Chart
| Data Type | Best Chart |
|---|---|
| Comparison | Bar chart |
| Trend over time | Line chart |
| Proportions | Pie chart |
| Relationship | Scatter plot |
| Composition | Stacked bar |
| Distribution | Histogram |
Keep It Clean
- One message per chart
- Remove unnecessary gridlines
- Use clear, readable fonts
- Limit colors to what's needed
Make It Accessible
- Add clear labels
- Use colorblind-friendly palettes
- Include data values when helpful
- Write descriptive titles
Common Questions
Next Steps
- Create Diagrams for processes
- Build Slides with your charts
- Learn prompting techniques
Was this page helpful? Let us know!
Report an issue