Canvas
Create interactive content within your conversations
Canvas is Billix's interactive workspace that appears alongside your chat. Create code, documents, diagrams, presentations, and visualizations without leaving the conversation.
What is Canvas?
When you ask the AI to create certain types of content, it opens in a dedicated Canvas panel:
- Code - Write, edit, and preview code with syntax highlighting
- Documents - Create formatted text with Markdown
- Diagrams - Build flowcharts and visual diagrams
- Slides - Design presentations
- Charts - Visualize data
Canvas Types
Code Canvas
Write and edit code with syntax highlighting
Markdown Canvas
Create formatted documents and notes
Diagrams
Build flowcharts and visual diagrams
Slides
Create presentations directly in chat
Charts
Visualize data with interactive charts
How Canvas Works
Ask for Content
Request something that fits a canvas type:
- "Write a Python function to sort a list"
- "Create a flowchart showing our signup process"
- "Make a presentation about our Q4 results"
Canvas Opens
The content appears in a panel on the right side of your screen.
Interact and Iterate
- View the content with proper formatting
- Copy to clipboard
- Ask for modifications in chat
- Continue the conversation
Canvas Actions
When content is in the Canvas, you can:
| Action | How |
|---|---|
| Copy | Click the copy button |
| Edit | Ask the AI to make changes |
| Expand | Toggle fullscreen view |
| Download | Export to file |
| Close | Click X or press Escape |
When Does Canvas Open?
Canvas automatically opens for:
- Code blocks longer than a few lines
- Markdown documents
- Diagrams (Mermaid syntax)
- Presentations
- Data visualizations
- Any content that benefits from dedicated space
Canvas vs. Inline Responses
| Content Type | Inline | Canvas |
|---|---|---|
| Short code snippets | ✓ | |
| Long code files | ✓ | |
| Quick answers | ✓ | |
| Documents | ✓ | |
| Diagrams | ✓ | |
| Presentations | ✓ | |
| Charts | ✓ |
Tips for Using Canvas
Be Specific About Output
Instead of: "Write some code" Try: "Write a Python class for a shopping cart with add, remove, and total methods"
Request Modifications
After content appears in Canvas:
- "Add error handling to the function"
- "Change the diagram to show the error path"
- "Add a slide about our team"
Copy and Use
- Click the copy button
- Paste into your IDE, document, or presentation tool
- Continue editing locally
Next Steps
Explore each Canvas type:
- Code Canvas for programming
- Markdown Canvas for documents
- Diagrams for flowcharts
- Slides for presentations
- Charts for data visualization
Was this page helpful? Let us know!
Report an issue