{"id":249,"date":"2025-11-10T22:58:22","date_gmt":"2025-11-10T22:58:22","guid":{"rendered":"https:\/\/fans206.com\/?page_id=249"},"modified":"2025-11-10T23:36:31","modified_gmt":"2025-11-10T23:36:31","slug":"relaciones-cambio-peugeot-206","status":"publish","type":"page","link":"https:\/\/fans206.com\/?page_id=249","title":{"rendered":"Grupos cortos"},"content":{"rendered":"    <style>\n        #llantaForm {\n            max-width: 600px;\n            margin-bottom: 20px;\n            padding: 20px;\n            border:1px solid #ddd;\n            border-radius:12px;\n            background-color:#fff;\n            display:grid;\n            grid-template-columns:1fr 1fr;\n            gap:15px;\n        }\n        #llantaForm label { display:block; }\n        #llantaForm input[type=\"number\"] {\n            width:100%;\n            padding:6px;\n            border-radius:6px;\n            border:1px solid #ccc;\n            margin-top:4px;\n        }\n        #llantaForm button {\n            grid-column:1 \/ 3;\n            padding:10px 20px;\n            border-radius:8px;\n            border:none;\n            background-color:#0073aa;\n            color:#fff;\n            cursor:pointer;\n            margin-top:10px;\n        }\n        #llantaForm button:hover { background-color:#005177; }\n\n        #resultados { margin-top:20px; }\n        table { border-collapse: collapse; width:100%; margin-bottom:20px; }\n        table, th, td { border:1px solid #ccc; }\n        th, td { padding:8px; text-align:center; }\n\n        #graficoContainer {\n            width:100%;\n            max-width:900px;\n            height:300px; \/* 1\/3 de la anchura *\/\n            margin-top:20px;\n        }\n    <\/style>\n\n    <form id=\"llantaForm\">\n        <h3 style=\"grid-column:1 \/ 3;\">Datos de Llanta<\/h3>\n        <label>Ancho (mm): <input type=\"number\" name=\"ancho\" value=\"205\" required><\/label>\n        <label>Perfil (%): <input type=\"number\" name=\"perfil\" value=\"45\" required><\/label>\n        <label>Di\u00e1metro (pulgadas): <input type=\"number\" name=\"diametro\" value=\"16\" required><\/label>\n        <label>Corte (RPM): <input type=\"number\" name=\"corte\" value=\"6500\" required><\/label>\n\n        <h3 style=\"grid-column:1 \/ 3;\">Grupo<\/h3>\n        <label>Pi\u00f1o: <input type=\"number\" name=\"pino\" value=\"19\" required><\/label>\n        <label>Corona: <input type=\"number\" name=\"corona\" value=\"72\" required><\/label>\n\n        <h3 style=\"grid-column:1 \/ 3;\">Relaciones de Marcha<\/h3>\n        <label>Primera: <input type=\"number\" name=\"m1\" step=\"0.01\" value=\"3.45\" required><\/label>\n        <label>Segunda: <input type=\"number\" name=\"m2\" step=\"0.01\" value=\"1.87\" required><\/label>\n        <label>Tercera: <input type=\"number\" name=\"m3\" step=\"0.01\" value=\"1.36\" required><\/label>\n        <label>Cuarta: <input type=\"number\" name=\"m4\" step=\"0.01\" value=\"1.05\" required><\/label>\n        <label>Quinta: <input type=\"number\" name=\"m5\" step=\"0.01\" value=\"0.86\" required><\/label>\n\n        <button type=\"button\" onclick=\"calcularResultados()\">Calcular<\/button>\n    <\/form>\n\n    <div id=\"resultados\">\n        <div id=\"tablaResultados\"><\/div>\n        <div id=\"graficoContainer\">\n            <canvas id=\"graficoMarchas\"><\/canvas>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script>\n        function calcularResultados() {\n            const form = document.getElementById('llantaForm');\n            const data = new FormData(form);\n\n            const ancho = parseFloat(data.get('ancho'));\n            const perfil = parseFloat(data.get('perfil'));\n            const diametro = parseFloat(data.get('diametro'));\n            const corte = parseFloat(data.get('corte'));\n            const pino = parseFloat(data.get('pino'));\n            const corona = parseFloat(data.get('corona'));\n\n            const marchas = [\n                parseFloat(data.get('m1')),\n                parseFloat(data.get('m2')),\n                parseFloat(data.get('m3')),\n                parseFloat(data.get('m4')),\n                parseFloat(data.get('m5'))\n            ];\n\n            const nombres = [\"Primera\",\"Segunda\",\"Tercera\",\"Cuarta\",\"Quinta\"];\n\n            const diametroTotalMM = (diametro * 25.4) + 2 * (ancho * (perfil\/100));\n            const circunferencia = Math.PI * diametroTotalMM;\n\n            \/\/ Velocidades m\u00e1ximas\n            const velocidades = marchas.map(rel => ((corte \/ (rel * (corona\/pino))) * circunferencia * 60) \/ 1000000);\n\n            \/\/ Ca\u00edda de RPM\n            const caidaRPM = [null];\n            for(let i=1;i<marchas.length;i++){\n                const actual = marchas[i]*pino\/corona;\n                const anterior = marchas[i-1]*pino\/corona;\n                caidaRPM.push(corte - (actual\/anterior)*corte);\n            }\n\n            \/\/ Tabla HTML\n            let html = '<table><tr><th>Marcha<\/th><th>Velocidad m\u00e1xima (km\/h)<\/th><th>Ca\u00edda de RPM<\/th><\/tr>';\n            for(let i=0;i<marchas.length;i++){\n                html += `<tr>\n                    <td>${nombres[i]}<\/td>\n                    <td>${velocidades[i].toFixed(2)}<\/td>\n                    <td>${caidaRPM[i]===null ? '-' : caidaRPM[i].toFixed(0)}<\/td>\n                <\/tr>`;\n            }\n            html += '<\/table>';\n            document.getElementById('tablaResultados').innerHTML = html;\n\n            \/\/ Gr\u00e1fica simple sin l\u00edneas verticales\n            const colores = ['#e6194b','#3cb44b','#ffe119','#4363d8','#f58231'];\n            const datasets = marchas.map((rel,i)=>{\n                return {\n                    label:nombres[i],\n                    data: [\n                        {x:0, y:0},\n                        {x:velocidades[i], y:corte}\n                    ],\n                    borderColor:colores[i],\n                    backgroundColor:colores[i],\n                    fill:false,\n                    tension:0\n                };\n            });\n\n            const ctx = document.getElementById('graficoMarchas').getContext('2d');\n            if(window.chartMarchas) window.chartMarchas.destroy();\n            window.chartMarchas = new Chart(ctx,{\n                type:'line',\n                data:{datasets},\n                options:{\n                    responsive:true,\n                    maintainAspectRatio:false,\n                    plugins:{legend:{display:true}},\n                    scales:{\n                        x:{\n                            type:'linear',\n                            title:{display:true,text:'Velocidad (km\/h)'},\n                            min:0\n                        },\n                        y:{\n                            type:'linear',\n                            title:{display:true,text:'RPM'},\n                            min:0,\n                            max:corte\n                        }\n                    }\n                }\n            });\n        }\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fans206.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=249"}],"version-history":[{"count":3,"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/fans206.com\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/fans206.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}