Artifacts
Artifacts is a powerful feature that allows you to create interactive web-based UI elements directly in your chat conversations. Instead of just showing code or static images, Artifacts builds fully functional web interfaces that you can interact with in real-time.
Key Features
- Interactive Web UIs: Create dynamic interfaces with real functionality
- Data Visualization: Build interactive dashboards, charts, and reports
- Mini Applications: Design calculators, games, and tools within your chat
- No Coding Required: Just describe what you want in plain language
- Real-Time Updates: Modify and enhance your artifacts as you continue the conversation
When to Use Artifacts
Artifacts is the perfect choice when you need to:
- Create data visualizations and dashboards
- Build interactive tools like calculators or converters
- Design UI mockups and prototypes
- Develop simple web-based games
- Generate interactive reports
- Create any visual or interactive component
Example Use Cases
Artifacts are created automatically. If you’d like to force the AI to create one, type /artifact and select the Artifacts before entering your query.
Creating a Data Visualization Dashboard
Upload your CSV/XLS data
Upload your data file by dragging and dropping it into the chat or using the file upload button.
Type /artifact and select the Artifacts option to create a new artifact.
Ask for a dashboard, something specific or something simple:
Create a report.
Interact with your dashboard
An interactive dashboard will appear with:
- Charts and graphs visualizing your data
- Filtering options to focus on specific data points
- Interactive elements to explore different aspects of your data
- Responsive layout that works in the chat interface
Refine your dashboard
Request specific modifications to enhance your dashboard:
Can you add a pie chart showing sales by category and make the time period selectable?Can you add a line chart showing sales over time?Can you add a dropdown to filter by region?The AI will update your dashboard with the new visualizations and controls.
Creating a Mortgage Calculator
Ask for a mortgage calculator
Simply describe what you need in plain language:
Create a mortgage calculator that lets me input loan amount, interest rate, and term length to calculate monthly payments.
Request modifications
You can enhance your artifact at any time:
Can you add a feature to show how much interest I'll pay over the life of the loan? Make it pretty and colorful!The AI will update your calculator with the new feature.
Building a Tic-Tac-Toe Game
Request a tic-tac-toe game
Ask for the game in your own words:
Create a tic-tac-toe game that I can play against the computer.
Customize the game
You can request changes to the game’s features or appearance:
Can you make the game track the score across multiple rounds and let me choose whether to play as X or O?The AI will update your game with the requested features.
How It Works
The Artifacts feature works by:
- Understanding your request: The AI interprets what kind of interface you need
- Building a web application: Creates a functional web-based UI in the background
- Embedding in chat: Displays the interactive element directly in your conversation
- Enabling real-time interaction: Allows you to use and modify the artifact as needed
Tips for Best Results
-
Be descriptive: The more details you provide about what you want, the better the result.
-
Start simple, then refine: Begin with a basic version, then ask for specific enhancements.
-
Specify interactions: Mention how you want to interact with the artifact (clicking, typing, etc.).
-
Reference design elements: Mention specific UI components you want included.
-
Request data connections: Specify how the artifact should use your uploaded data.
Artifacts remain accessible even after closing the conversation. You can return to them later and continue to use them or request further modifications.