[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68a436bcfba08191837e8ef2579b89ad","versionInt","title","Sdg4 Gamified Dashboard","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Button } from \"@/components/ui/button\";\nimport { Globe, BookOpen, Leaf } from \"lucide-react\";\nimport { motion } from \"framer-motion\";\n\nconst nationsData = [\n {\n name: \"Bhutan\",\n freeEducation: 85,\n sustainabilityEducation: 60,\n },\n {\n name: \"Brazil\",\n freeEducation: 72,\n sustainabilityEducation: 50,\n },\n {\n name: \"Uganda\",\n freeEducation: 65,\n sustainabilityEducation: 35,\n },\n {\n name: \"India\",\n freeEducation: 78,\n sustainabilityEducation: 42,\n },\n {\n name: \"Switzerland\",\n freeEducation: 95,\n sustainabilityEducation: 75,\n },\n];\n\nexport default function SDG4Dashboard() {\n const [selected, setSelected] = useState(nationsData[0]);\n\n return (\n

\n \n 🎓 SDG 4 Dashboard – Freedom & Quality of Education for All\n \n\n

\n {nationsData.map((nation) => (\n setSelected(nation)}\n className=\"rounded-2xl px-4 py-2 shadow\"\n >\n {nation.name}\n \n ))}\n

\n\n

\n \n \n

\n Free Education Rights\n

\n \n

\n {selected.name} has achieved {selected.freeEducation}% of its\n free and equitable education goals.\n

\n \n \n\n \n \n

\n Sustainability Education\n

\n \n

\n {selected.name} has integrated {selected.sustainabilityEducation}% of\n sustainability and global citizenship education.\n

\n \n \n

\n\n \n {selected.freeEducation >= 80 && selected.sustainabilityEducation >= 60 ? (\n

\n 🌍 {selected.name} earns the **Education Freedom Badge** 🏅\n

\n ) : (\n

\n 📖 {selected.name} is still on the journey – keep pushing for SDG 4!\n

\n )}\n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","12510780741230576574","traceTime",1776407183350]