Hack

[borarishav12]

import React, { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { Bar } from "react-chartjs-2";

const ColorPredictor = () => { const [history, setHistory] = useState([]); const [input, setInput] = useState(""); const [prediction, setPrediction] = useState(null);

const handleAdd = () => { const val = input.trim().toLowerCase(); if (["red", "green", "violet"].includes(val)) { setHistory([...history, val]); setInput(""); } };

const predictNext = () => { const n = 2; if (history.length < n) { setPrediction("Not enough data"); return; } const pattern = history.slice(-n).join(","); const map = {};

for (let i = 0; i < history.length - n; i++) {
const key = history.slice(i, i + n).join(",");
const next = history[i + n];
if (!map[key]) map[key] = {};
map[key][next] = (map[key][next] || 0) + 1;
}

const options = map[pattern];
if (!options) {
setPrediction("Pattern not found");
} else {
const sorted = Object.entries(options).sort((a, b) => b[1] - a[1]);
setPrediction(Next likely color: ${sorted[0][0]});
}

};

return (

Color Pattern Predictor

<Input placeholder="Enter color (red, green, violet)" value={input} onChange={(e) => setInput(e.target.value)} /> Add Predict

History: {history.join(", ") || "None"}

{prediction &&

{prediction}

}

); };

export default ColorPredictor;

[borarishav12]

Yes