Skip to content

amorrissette/nextjs-smartchart

Repository files navigation

SmartChart

Introduction

SmartChart is a basic proof-of-concept AI app that can analyze data and generate relevant charts based on identified insights.

Currently built using Next.js, OpenAI, and deployed on Vercel.

Shadcn/ui is used for easy, clean UI components - including new Charts components which uses Recharts under the hood.

SmartChart - Instant insights and visualizations from your csv data

Main Features

  • Simple UI to drag-and-drop or select csv files from local computer
  • Dynamically render table based on provided data
  • Vercel AI SDK (currently w/ OpenAI gpt-4o-mini) to analyze csv data and "identify insights" using generate structured output based on prompt + csv data
  • Creating chart with summary of analysis insights based on structured response

To-Do:

  • Support additional chart types (bar, scatter, radial, etc)
  • Support multiple "insights" with 2+ charts
  • Optimize model + prompt for ideal cost/performance
  • Add optional data samples to easily demo app
  • Improve layout and styling