import React, { useMemo } from "react"; import PerformanceResult from "./result-card/PerformanceResult"; import EnergyUsage from "./result-card/EnergyUsage"; import { Bar } from "react-chartjs-2"; const ComparisonResult = () => { const defaultData = { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { label: "Dataset", data: [12, 19, 3, 5, 2, 3], backgroundColor: ["#6f42c1"], borderColor: "#b392f0", borderWidth: 1, }, ], }; // Memoize Chart Options const options = useMemo( () => ({ responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, }, legend: { display: false, }, }, scales: { x: { display: false, // Hide x-axis grid: { display: false, }, }, y: { display: false, // Hide y-axis grid: { display: false, }, }, }, }), [] ); return (
Performance Comparison

Throughput (units/hr)

Layout 1
500/ hr
Layout 2
550/ hr
Cycle Time
Layout 1
120 Sec
19.6%
Layout 2
110 Sec
19.6%1.6%
Overall Downtime
Total down time
(Simulation 1)
17
mins
Overall Scrap Rate
Layout 1
Total scrap produced by
2.7 ton
); }; export default ComparisonResult;