SuperAI is a web application that provides a dynamic and interactive way to visualize data using Large Language Models (LLMs) and Chart.js. This application allows users to chat with structured/unstructured data and visualize the answers with dynamically rendered charts.
chart-demo.mp4
- Dynamic Chart Generation: Utilizes Chart.js to render charts based on model outputs.
- Superagent integration: Seamlessly integrates with the Superagent Assistants framework.
- Interactive Chat Interface: Features a chat-like interface where users can enter data, and see the corresponding chart update in real-time.
This is a Next.js project bootstrapped with create-next-app
.
Create a Superagent.sh account
Rename the .env.example
to .env
and set the required environment variables.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Superagent.sh, take a look at the following resources:
- Superagent Documentation - learn about Superagent features and API.
- Superagent Tutorials - Superagent YouTube tutorials.
- Get help - join the Superagent Discord channel to get help.