GPT-Vis

import { GPTVis } from "@/components/ui/gpt-vis";

export default function Default() {
  const visSyntax = `vis line
data
  - time 2020
    value 100
  - time 2021
    value 120
  - time 2022
    value 150
  - time 2023
    value 180
title Sales Trend`;

  return (
    <div className="inline-block bg-background p-4 text-foreground">
      <GPTVis
        content={visSyntax}
        theme="academy"
        width={600}
        height={400}
        className="w-auto min-h-0"
      />
    </div>
  );
}