Construyendo Dashboards de Datos Interactivos

Crea visualizaciones usando ToonJS con React.

Ejemplo con Chart.js

import { ToonFactory } from "@cescofors/toonjs";
import { Line } from "react-chartjs-2";

const Dashboard = () => {
  const data = ToonFactory.from(toonString);
  const ventas = data.pluck("ventas");
  const fechas = data.pluck("fecha");
  
  return (
    <Line
      data={{
        labels: fechas,
        datasets: [{ label: "Ventas", data: ventas }]
      }}
    />
  );
};

ToonJS se integra perfectamente con cualquier librería de visualización.