Gallery

Pokémon Stats Battle

Toast
$ npx flitter-ui add radar-chart --toast

Code

import ToastRadarChart from "@/components/flitter/charts/toast-radar-chart";

const chart = ToastRadarChart({
  data: {
    labels: [
      "Attack",
      "Defense",
      "Speed",
      "HP",
      "Sp.Atk",
      "Sp.Def",
    ],
    datasets: [
      { legend: "Pikachu", values: [55, 30, 95, 35, 50, 40] },
      { legend: "Bulbasaur", values: [49, 65, 45, 80, 65, 65] },
      { legend: "Charmander", values: [85, 43, 65, 39, 80, 35] },
    ],
  },
  config: {
    title: { text: "Pokémon Stats Battle", visible: true },
  },
});

Related Charts