BillixDOCS
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"

Specify Chart Type

Tell the AI what visualization you want:

"Create a bar chart comparing units sold"

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: 200

Table 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,3200

Natural 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

  1. Right-click the chart
  2. Select "Save image"
  3. 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 TypeBest Chart
ComparisonBar chart
Trend over timeLine chart
ProportionsPie chart
RelationshipScatter plot
CompositionStacked bar
DistributionHistogram

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

Was this page helpful? Let us know!

Report an issue

On this page