[{"_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","67e15b415a648191a69603286344aa49","versionInt","title","Simulacion Clima Distopica","type","code/react","content","import { useState } from \"react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Slider } from \"@/components/ui/slider\";\nimport { Button } from \"@/components/ui/button\";\nimport { motion } from \"framer-motion\";\nimport { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer } from \"recharts\";\n\nexport default function ClimateSim() {\n const [co2, setCo2] = useState(30);\n const [deforestation, setDeforestation] = useState(30);\n const [renewables, setRenewables] = useState(30);\n const [consumption, setConsumption] = useState(30);\n const [year, setYear] = useState(2025);\n const [scenario, setScenario] = useState(\"\");\n const [history, setHistory] = useState([]);\n const [ethicalChoice, setEthicalChoice] = useState(null);\n const [consequence, setConsequence] = useState(\"\");\n\n const simulate = () => {\n const score = co2 + deforestation + consumption - renewables;\n let newScenario = \"\";\n\n if (score > 160) newScenario = \"colapso\";\n else if (score > 100) newScenario = \"crisis\";\n else if (score > 60) newScenario = \"inestable\";\n else newScenario = \"esperanzador\";\n\n setScenario(newScenario);\n setYear((prevYear) => prevYear + 10);\n setEthicalChoice(null);\n setConsequence(\"\");\n\n setHistory((prev) => [\n ...prev,\n {\n year: year + 10,\n CO2: co2,\n Deforestación: deforestation,\n Renovables: renewables,\n Consumo: consumption,\n },\n ]);\n };\n\n const getScenarioDescription = () => {\n switch (scenario) {\n case \"colapso\":\n return \"🌍 El planeta ha entrado en un estado de colapso climático irreversible. Las migraciones masivas, la escasez extrema y los conflictos por recursos definen esta era.\";\n case \"crisis\":\n return \"⚠️ Estamos en una crisis climática severa. Las temperaturas extremas y fenómenos meteorológicos devastadores son comunes.\";\n case \"inestable\":\n return \"🌦️ El clima es inestable, con regiones sufriendo eventos extremos y otras adaptándose lentamente.\";\n case \"esperanzador\":\n return \"🌱 La humanidad ha tomado medidas efectivas. La biodiversidad se recupera y el clima comienza a estabilizarse.\";\n default:\n return \"Ajusta los controles y haz clic en 'Simular 10 años' para ver el futuro climático.\";\n }\n };\n\n const getBackgroundColor = () => {\n switch (scenario) {\n case \"colapso\":\n return \"#4b0000\";\n case \"crisis\":\n return \"#8b0000\";\n case \"inestable\":\n return \"#b8860b\";\n case \"esperanzador\":\n return \"#228B22\";\n default:\n return \"#444\";\n }\n };\n\n const handleEthicalChoice = (choice) => {\n setEthicalChoice(choice);\n let result = \"\";\n if (scenario === \"colapso\") {\n result = choice === \"A\"\n ? \"Las naciones comparten recursos, pero su propia estabilidad se ve amenazada.\"\n : \"Las naciones se aíslan, aumentando el sufrimiento global.\";\n } else if (scenario === \"crisis\") {\n result = choice === \"A\"\n ? \"Se aplican restricciones al consumo. Mejora ambiental, pero hay tensión social.\"\n : \"La libertad se mantiene. El daño ambiental continúa, aunque más lentamente.\";\n } else if (scenario === \"inestable\") {\n result = choice === \"A\"\n ? \"La inversión local mejora condiciones inmediatas, pero la situación global empeora.\"\n : \"La mitigación global da frutos a largo plazo, aunque genera resistencia política.\";\n } else if (scenario === \"esperanzador\") {\n result = choice === \"A\"\n ? \"Se prioriza la equidad. Todas las regiones avanzan juntas.\"\n : \"Los beneficios se concentran en unos pocos países, creando nuevas desigualdades.\";\n }\n setConsequence(result);\n };\n\n return (\n

Simulador del Sistema Climático Terrestre

Modifica los factores y observa el impacto climático a largo plazo. Año simulado: {year}

\n\n \n \n

\n Emisiones de CO₂: {co2}%\n

A mayor nivel, mayor efecto invernadero y aumento de temperatura global.

\n setCo2(val)} />\n

\n Deforestación: {deforestation}%\n

La pérdida de bosques reduce la absorción de CO₂ y afecta la biodiversidad.

\n setDeforestation(val)} />\n

\n Uso de Energías Renovables: {renewables}%\n

Reduce la dependencia de combustibles fósiles, ayudando a mitigar el cambio climático.

\n setRenewables(val)} />\n

\n Nivel de Consumo Global: {consumption}%\n

Mayor consumo implica más producción, transporte y residuos: todos generan impacto ambiental.

\n setConsumption(val)} />\n

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

{getScenarioDescription()}

\n \n\n {scenario && (\n

Dilema Ético:

\n {scenario === \"colapso\" && (\n <>\n

¿Deben las naciones desarrolladas compartir recursos con las más afectadas?

\n \n \n \n )}\n {scenario === \"crisis\" && (\n <>\n

¿Es ético imponer restricciones obligatorias al consumo?

\n \n \n \n )}\n {scenario === \"inestable\" && (\n <>\n

¿Priorizar adaptación local o mitigación global?

\n \n \n \n )}\n {scenario === \"esperanzador\" && (\n <>\n

¿Cómo garantizar justicia climática global?

\n \n \n \n )}\n {ethicalChoice && consequence && (\n

🧭 Consecuencia: {consequence}

\n )}\n

\n )}\n\n {history.length > 0 && (\n

Historial de Variables

\n \n \n \n \n \n \n \n \n \n \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","16405064057295872541","traceTime",1776417282868]