**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.**

https://github.com/homanp/ai-financial-analyst/assets/2464556/50186cd0-b163-40a4-a033-3444b258feac

## Features
- **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.

## Getting Started
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

Create a [Superagent.sh account](https://beta.superagent.sh)

Rename the `.env.example` to `.env` and set the required environment variables.

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](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`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Superagent.sh, take a look at the following resources:

- [Superagent Documentation](https://docs.superagent.sh) - learn about Superagent features and API.
- [Superagent Tutorials]([https://nextjs.org/learn](https://www.youtube.com/channel/UCBeXnF8gh2EwAmOIwpmfjmA)) - Superagent YouTube tutorials.
- [Get help](https://discord.gg/mhmJUTjW4b) - join the Superagent Discord channel to get help.
