Feeding Speed & Production Capacity Calculator<\/title>\n <style>\n \/* Scoped styles for calculator - prefixed with fsc- to avoid conflicts *\/\n .fsc-calculator-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n box-sizing: border-box;\n max-width: 1000px;\n margin: 0 auto;\n padding: 32px 16px;\n }\n .fsc-calculator-wrapper *, \n .fsc-calculator-wrapper *::before, \n .fsc-calculator-wrapper *::after {\n box-sizing: border-box;\n }\n .fsc-title {\n font-size: 1.875rem;\n font-weight: 700;\n color: #111827;\n margin-bottom: 24px;\n margin-top: 0;\n }\n .fsc-container {\n background-color: #ffffff;\n border-radius: 16px;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n padding: 24px;\n }\n @media (min-width: 640px) {\n .fsc-container {\n padding: 32px;\n }\n }\n .fsc-mode-toggle {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-mode-toggle-inner {\n background-color: #f3f4f6;\n border-radius: 12px;\n padding: 4px;\n display: inline-flex;\n }\n .fsc-mode-btn {\n padding: 12px 24px;\n border-radius: 8px;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.2s;\n border: none;\n cursor: pointer;\n background: transparent;\n color: #4b5563;\n }\n .fsc-mode-btn:hover {\n background-color: #e5e7eb;\n }\n .fsc-mode-btn.active {\n background-color: #0ea5e9;\n color: #ffffff;\n }\n .fsc-mode-btn.active:hover {\n background-color: #0284c7;\n }\n .fsc-grid-2 {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-bottom: 24px;\n }\n @media (min-width: 768px) {\n .fsc-grid-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n .fsc-grid-3 {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 768px) {\n .fsc-grid-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .fsc-label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #374151;\n margin-bottom: 8px;\n }\n .fsc-input-group {\n display: flex;\n gap: 8px;\n width: 100%;\n }\n .fsc-input {\n flex: 1 1 auto;\n min-width: 0;\n width: 70% !important;\n padding: 12px 16px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .fsc-input:focus {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n }\n .fsc-input-full {\n width: 100% !important;\n padding: 12px 16px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .fsc-input-full:focus {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n }\n .fsc-select {\n flex: 0 0 auto;\n width: 85px !important;\n min-width: 85px;\n max-width: 85px;\n padding: 12px 8px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 13px;\n outline: none;\n cursor: pointer;\n }\n .fsc-select:focus {\n border-color: #0ea5e9;\n }\n .fsc-select-full {\n width: 150px !important;\n max-width: 150px;\n padding: 12px 12px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n cursor: pointer;\n }\n .fsc-mb-6 {\n margin-bottom: 24px;\n }\n .fsc-efficiency-value {\n color: #0ea5e9;\n font-weight: 700;\n }\n .fsc-range {\n width: 100%;\n height: 12px;\n background-color: #e5e7eb;\n border-radius: 8px;\n appearance: none;\n cursor: pointer;\n accent-color: #0ea5e9;\n }\n .fsc-range::-webkit-slider-thumb {\n appearance: none;\n width: 20px;\n height: 20px;\n background: #0ea5e9;\n border-radius: 50%;\n cursor: pointer;\n }\n .fsc-range::-moz-range-thumb {\n width: 20px;\n height: 20px;\n background: #0ea5e9;\n border-radius: 50%;\n cursor: pointer;\n border: none;\n }\n .fsc-range-labels {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: #6b7280;\n margin-top: 4px;\n }\n .fsc-shift-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n max-width: 400px;\n }\n .fsc-shift-btn {\n padding: 12px 16px;\n border-radius: 8px;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.2s;\n border: none;\n cursor: pointer;\n background-color: #e5e7eb;\n color: #374151;\n }\n .fsc-shift-btn:hover {\n background-color: #d1d5db;\n }\n .fsc-shift-btn.active {\n background-color: #0ea5e9;\n color: #ffffff;\n }\n .fsc-calc-btn-wrapper {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-calc-btn {\n width: 33.333%;\n padding: 16px 24px;\n background-color: #0ea5e9;\n color: #ffffff;\n font-weight: 700;\n font-size: 16px;\n border-radius: 12px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n .fsc-calc-btn:hover {\n background-color: #0284c7;\n color: #ffffff !important;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n .fsc-results {\n border-top: 1px solid #e5e7eb;\n padding-top: 24px;\n }\n .fsc-results-title {\n font-size: 18px;\n font-weight: 700;\n color: #111827;\n margin-bottom: 16px;\n margin-top: 0;\n }\n .fsc-efficiency-visual {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-efficiency-ring {\n position: relative;\n width: 128px;\n height: 128px;\n }\n .fsc-efficiency-ring svg {\n width: 128px;\n height: 128px;\n }\n .fsc-progress-ring {\n transition: stroke-dashoffset 0.5s ease-in-out;\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n }\n .fsc-efficiency-text {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n .fsc-efficiency-percent {\n font-size: 24px;\n font-weight: 700;\n color: #0ea5e9;\n }\n .fsc-efficiency-label {\n font-size: 12px;\n color: #6b7280;\n }\n .fsc-result-card {\n background-color: #f9fafb;\n border-radius: 12px;\n padding: 16px;\n text-align: center;\n }\n .fsc-result-card-label {\n display: block;\n color: #4b5563;\n font-size: 14px;\n margin-bottom: 4px;\n }\n .fsc-result-card-value {\n font-size: 24px;\n font-weight: 700;\n color: #111827;\n }\n .fsc-result-card-highlight {\n background: linear-gradient(to right, #0ea5e9, #0284c7);\n border-radius: 12px;\n padding: 16px;\n text-align: center;\n }\n .fsc-result-card-highlight .fsc-result-card-label {\n color: rgba(255, 255, 255, 0.9);\n }\n .fsc-result-card-highlight .fsc-result-card-value {\n color: #ffffff;\n }\n .fsc-result-card-highlight .fsc-result-card-sub {\n display: block;\n color: rgba(255, 255, 255, 0.7);\n font-size: 12px;\n margin-top: 4px;\n }\n .fsc-progress-bar-wrapper {\n margin-top: 16px;\n }\n .fsc-progress-bar-header {\n display: flex;\n justify-content: space-between;\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 8px;\n }\n .fsc-progress-bar {\n height: 12px;\n background-color: #e5e7eb;\n border-radius: 9999px;\n overflow: hidden;\n }\n .fsc-progress-bar-fill {\n height: 100%;\n background: linear-gradient(to right, #38bdf8, #0284c7);\n border-radius: 9999px;\n transition: width 0.5s;\n }\n .fsc-hidden {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"fsc-calculator-wrapper\">\n \n <h2 class=\"fsc-title\">Calculator<\/h2>\n\n \n <div class=\"fsc-container\">\n \n <div class=\"fsc-mode-toggle\">\n <div class=\"fsc-mode-toggle-inner\">\n <button id=\"fscModeSpeed\" class=\"fsc-mode-btn active\">\n Speed \u2192 Capacity\n <\/button>\n <button id=\"fscModeCapacity\" class=\"fsc-mode-btn\">\n Capacity \u2192 Speed\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"fscSpeedMode\">\n <div class=\"fsc-grid-2\">\n \n <div>\n <label class=\"fsc-label\">Feeding Speed<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscFeedingSpeed\" placeholder=\"Enter speed\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscSpeedUnit\" class=\"fsc-select\">\n <option value=\"m\/min\">m\/min<\/option>\n <option value=\"mm\/s\">mm\/s<\/option>\n <option value=\"inch\/min\">inch\/min<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div>\n <label class=\"fsc-label\">Part Length \/ Pitch (distance per part)<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscPartLength\" placeholder=\"Enter length\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscLengthUnit\" class=\"fsc-select\">\n <option value=\"mm\">mm<\/option>\n <option value=\"inch\">inch<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">\n Efficiency Rate: <span id=\"fscEfficiencyValue\" class=\"fsc-efficiency-value\">85%<\/span>\n <\/label>\n <input type=\"range\" id=\"fscEfficiencyRate\" min=\"0\" max=\"100\" value=\"85\" class=\"fsc-range\">\n <div class=\"fsc-range-labels\">\n <span>0%<\/span>\n <span>50%<\/span>\n <span>100%<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Shift Duration<\/label>\n <div class=\"fsc-shift-grid\">\n <button data-hours=\"8\" class=\"fsc-shift-btn active\">8 Hours<\/button>\n <button data-hours=\"12\" class=\"fsc-shift-btn\">12 Hours<\/button>\n <button data-hours=\"24\" class=\"fsc-shift-btn\">24 Hours<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-calc-btn-wrapper\">\n <button id=\"fscCalculateBtnSpeed\" class=\"fsc-calc-btn\">Calculate<\/button>\n <\/div>\n\n \n <div id=\"fscSpeedResults\" class=\"fsc-hidden\">\n <div class=\"fsc-results\">\n <h3 class=\"fsc-results-title\">Production Output<\/h3>\n \n \n <div class=\"fsc-efficiency-visual\">\n <div class=\"fsc-efficiency-ring\">\n <svg viewBox=\"0 0 100 100\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"8\"\/>\n <circle id=\"fscProgressRing\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"8\" \n stroke-dasharray=\"283\" stroke-dashoffset=\"42\" stroke-linecap=\"round\" class=\"fsc-progress-ring\"\/>\n <\/svg>\n <div class=\"fsc-efficiency-text\">\n <span id=\"fscEfficiencyDisplay\" class=\"fsc-efficiency-percent\">85%<\/span>\n <span class=\"fsc-efficiency-label\">Efficiency<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"fsc-grid-3\">\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Minute<\/span>\n <span id=\"fscPartsPerMinute\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Hour<\/span>\n <span id=\"fscPartsPerHour\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card-highlight\">\n <span class=\"fsc-result-card-label\">Total Output Per Shift<\/span>\n <span id=\"fscPartsPerShift\" class=\"fsc-result-card-value\">—<\/span>\n <span class=\"fsc-result-card-sub\" id=\"fscShiftLabel\">Based on 8-hour shift<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-progress-bar-wrapper\">\n <div class=\"fsc-progress-bar-header\">\n <span>Production Capacity<\/span>\n <span id=\"fscCapacityPercent\">0%<\/span>\n <\/div>\n <div class=\"fsc-progress-bar\">\n <div id=\"fscCapacityBar\" class=\"fsc-progress-bar-fill\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"fscCapacityMode\" class=\"fsc-hidden\">\n <div class=\"fsc-grid-2\">\n \n <div>\n <label class=\"fsc-label\">Target Daily Capacity (parts per shift)<\/label>\n <input type=\"number\" id=\"fscTargetCapacity\" placeholder=\"Enter target parts\" step=\"1\" min=\"0\" class=\"fsc-input-full\">\n <\/div>\n\n \n <div>\n <label class=\"fsc-label\">Part Length \/ Pitch (distance per part)<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscPartLengthReverse\" placeholder=\"Enter length\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscLengthUnitReverse\" class=\"fsc-select\">\n <option value=\"mm\">mm<\/option>\n <option value=\"inch\">inch<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Required Speed Unit<\/label>\n <select id=\"fscOutputSpeedUnit\" class=\"fsc-select-full\">\n <option value=\"m\/min\">m\/min<\/option>\n <option value=\"mm\/s\">mm\/s<\/option>\n <option value=\"inch\/min\">inch\/min<\/option>\n <\/select>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">\n Efficiency Rate: <span id=\"fscEfficiencyValue2\" class=\"fsc-efficiency-value\">85%<\/span>\n <\/label>\n <input type=\"range\" id=\"fscEfficiencyRate2\" min=\"0\" max=\"100\" value=\"85\" class=\"fsc-range\">\n <div class=\"fsc-range-labels\">\n <span>0%<\/span>\n <span>50%<\/span>\n <span>100%<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Shift Duration<\/label>\n <div class=\"fsc-shift-grid\">\n <button data-hours=\"8\" class=\"fsc-shift-btn2 active\">8 Hours<\/button>\n <button data-hours=\"12\" class=\"fsc-shift-btn2\">12 Hours<\/button>\n <button data-hours=\"24\" class=\"fsc-shift-btn2\">24 Hours<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-calc-btn-wrapper\">\n <button id=\"fscCalculateBtnCapacity\" class=\"fsc-calc-btn\">Calculate<\/button>\n <\/div>\n\n \n <div id=\"fscCapacityResults\" class=\"fsc-hidden\">\n <div class=\"fsc-results\">\n <h3 class=\"fsc-results-title\">Required Speed<\/h3>\n \n \n <div class=\"fsc-efficiency-visual\">\n <div class=\"fsc-efficiency-ring\">\n <svg viewBox=\"0 0 100 100\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"8\"\/>\n <circle id=\"fscProgressRing2\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"8\" \n stroke-dasharray=\"283\" stroke-dashoffset=\"42\" stroke-linecap=\"round\" class=\"fsc-progress-ring\"\/>\n <\/svg>\n <div class=\"fsc-efficiency-text\">\n <span id=\"fscEfficiencyDisplay2\" class=\"fsc-efficiency-percent\">85%<\/span>\n <span class=\"fsc-efficiency-label\">Efficiency<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"fsc-grid-3\">\n <div class=\"fsc-result-card-highlight\">\n <span class=\"fsc-result-card-label\">Required Feeding Speed<\/span>\n <span id=\"fscRequiredSpeed\" class=\"fsc-result-card-value\">—<\/span>\n <span class=\"fsc-result-card-sub\" id=\"fscSpeedUnitLabel\">m\/min<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Minute Needed<\/span>\n <span id=\"fscRequiredPPM\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Hour Needed<\/span>\n <span id=\"fscRequiredPPH\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-progress-bar-wrapper\">\n <div class=\"fsc-progress-bar-header\">\n <span>Speed Requirement<\/span>\n <span id=\"fscCapacityPercent2\">0%<\/span>\n <\/div>\n <div class=\"fsc-progress-bar\">\n <div id=\"fscCapacityBar2\" class=\"fsc-progress-bar-fill\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ State\n let currentMode = 'speed';\n let shiftHours = 8;\n let shiftHours2 = 8;\n let efficiency = 85;\n let efficiency2 = 85;\n\n \/\/ DOM Elements\n const modeSpeedBtn = document.getElementById('fscModeSpeed');\n const modeCapacityBtn = document.getElementById('fscModeCapacity');\n const speedModeDiv = document.getElementById('fscSpeedMode');\n const capacityModeDiv = document.getElementById('fscCapacityMode');\n const speedResultsDiv = document.getElementById('fscSpeedResults');\n const capacityResultsDiv = document.getElementById('fscCapacityResults');\n \n const efficiencySlider = document.getElementById('fscEfficiencyRate');\n const efficiencyValueEl = document.getElementById('fscEfficiencyValue');\n const efficiencyDisplay = document.getElementById('fscEfficiencyDisplay');\n const progressRing = document.getElementById('fscProgressRing');\n \n const efficiencySlider2 = document.getElementById('fscEfficiencyRate2');\n const efficiencyValue2El = document.getElementById('fscEfficiencyValue2');\n const efficiencyDisplay2 = document.getElementById('fscEfficiencyDisplay2');\n const progressRing2 = document.getElementById('fscProgressRing2');\n \n const shiftBtns = document.querySelectorAll('.fsc-shift-btn');\n const shiftBtns2 = document.querySelectorAll('.fsc-shift-btn2');\n const calculateBtnSpeed = document.getElementById('fscCalculateBtnSpeed');\n const calculateBtnCapacity = document.getElementById('fscCalculateBtnCapacity');\n\n \/\/ Unit conversion constants\n const conversions = {\n 'mm\/min': 1,\n 'm\/min': 1000,\n 'mm\/s': 60,\n 'inch\/min': 25.4\n };\n\n const lengthConversions = {\n 'mm': 1,\n 'inch': 25.4\n };\n\n \/\/ Mode Toggle\n modeSpeedBtn.addEventListener('click', function() { switchMode('speed'); });\n modeCapacityBtn.addEventListener('click', function() { switchMode('capacity'); });\n\n function switchMode(mode) {\n currentMode = mode;\n if (mode === 'speed') {\n modeSpeedBtn.classList.add('active');\n modeCapacityBtn.classList.remove('active');\n speedModeDiv.classList.remove('fsc-hidden');\n capacityModeDiv.classList.add('fsc-hidden');\n } else {\n modeCapacityBtn.classList.add('active');\n modeSpeedBtn.classList.remove('active');\n capacityModeDiv.classList.remove('fsc-hidden');\n speedModeDiv.classList.add('fsc-hidden');\n }\n }\n\n \/\/ Efficiency Slider - Mode 1\n efficiencySlider.addEventListener('input', function(e) {\n efficiency = parseInt(e.target.value);\n efficiencyValueEl.textContent = efficiency + '%';\n efficiencyDisplay.textContent = efficiency + '%';\n updateProgressRing(progressRing, efficiency);\n });\n\n \/\/ Efficiency Slider - Mode 2\n efficiencySlider2.addEventListener('input', function(e) {\n efficiency2 = parseInt(e.target.value);\n efficiencyValue2El.textContent = efficiency2 + '%';\n efficiencyDisplay2.textContent = efficiency2 + '%';\n updateProgressRing(progressRing2, efficiency2);\n });\n\n function updateProgressRing(ring, value) {\n const circumference = 2 * Math.PI * 45;\n const offset = circumference - (value \/ 100) * circumference;\n ring.style.strokeDashoffset = offset;\n \n if (value >= 80) {\n ring.style.stroke = '#10b981';\n } else if (value >= 50) {\n ring.style.stroke = '#f59e0b';\n } else {\n ring.style.stroke = '#ef4444';\n }\n }\n\n \/\/ Initialize progress rings\n updateProgressRing(progressRing, efficiency);\n updateProgressRing(progressRing2, efficiency2);\n\n \/\/ Shift Buttons - Mode 1\n shiftBtns.forEach(function(btn) {\n btn.addEventListener('click', function() {\n shiftHours = parseInt(btn.dataset.hours);\n shiftBtns.forEach(function(b) {\n b.classList.remove('active');\n });\n btn.classList.add('active');\n document.getElementById('fscShiftLabel').textContent = 'Based on ' + shiftHours + '-hour shift';\n });\n });\n\n \/\/ Shift Buttons - Mode 2\n shiftBtns2.forEach(function(btn) {\n btn.addEventListener('click', function() {\n shiftHours2 = parseInt(btn.dataset.hours);\n shiftBtns2.forEach(function(b) {\n b.classList.remove('active');\n });\n btn.classList.add('active');\n });\n });\n\n \/\/ Calculate Buttons\n calculateBtnSpeed.addEventListener('click', calculateSpeedToCapacity);\n calculateBtnCapacity.addEventListener('click', calculateCapacityToSpeed);\n\n function calculateSpeedToCapacity() {\n const speed = parseFloat(document.getElementById('fscFeedingSpeed').value);\n const speedUnit = document.getElementById('fscSpeedUnit').value;\n const partLength = parseFloat(document.getElementById('fscPartLength').value);\n const lengthUnit = document.getElementById('fscLengthUnit').value;\n\n if (isNaN(speed) || isNaN(partLength) || speed <= 0 || partLength <= 0) {\n alert('Please enter valid positive numbers for speed and part length.');\n return;\n }\n\n \/\/ Convert speed to mm\/min\n const speedInMmMin = speed * conversions[speedUnit];\n \n \/\/ Convert part length to mm\n const partLengthInMm = partLength * lengthConversions[lengthUnit];\n\n \/\/ Calculate parts per minute (theoretical)\n const theoreticalPPM = speedInMmMin \/ partLengthInMm;\n \n \/\/ Apply efficiency\n const actualPPM = theoreticalPPM * (efficiency \/ 100);\n const actualPPH = actualPPM * 60;\n const actualPerShift = actualPPH * shiftHours;\n\n \/\/ Show results\n speedResultsDiv.classList.remove('fsc-hidden');\n\n \/\/ Update display\n document.getElementById('fscPartsPerMinute').textContent = formatNumber(actualPPM, 2);\n document.getElementById('fscPartsPerHour').textContent = formatNumber(actualPPH, 0);\n document.getElementById('fscPartsPerShift').textContent = formatNumber(actualPerShift, 0);\n\n \/\/ Update capacity bar\n const maxCapacity = 100000;\n const capacityPercent = Math.min((actualPerShift \/ maxCapacity) * 100, 100);\n document.getElementById('fscCapacityBar').style.width = capacityPercent + '%';\n document.getElementById('fscCapacityPercent').textContent = Math.round(capacityPercent) + '%';\n }\n\n function calculateCapacityToSpeed() {\n const targetCapacity = parseFloat(document.getElementById('fscTargetCapacity').value);\n const partLength = parseFloat(document.getElementById('fscPartLengthReverse').value);\n const lengthUnit = document.getElementById('fscLengthUnitReverse').value;\n const outputUnit = document.getElementById('fscOutputSpeedUnit').value;\n\n if (isNaN(targetCapacity) || isNaN(partLength) || targetCapacity <= 0 || partLength <= 0) {\n alert('Please enter valid positive numbers for target capacity and part length.');\n return;\n }\n\n if (efficiency2 === 0) {\n alert('Efficiency cannot be 0% for reverse calculation.');\n return;\n }\n\n \/\/ Convert part length to mm\n const partLengthInMm = partLength * lengthConversions[lengthUnit];\n\n \/\/ Calculate required parts per minute (accounting for efficiency)\n const requiredPPM = targetCapacity \/ shiftHours2 \/ 60 \/ (efficiency2 \/ 100);\n const requiredPPH = requiredPPM * 60;\n\n \/\/ Calculate required speed in mm\/min\n const requiredSpeedMmMin = requiredPPM * partLengthInMm;\n\n \/\/ Convert to desired output unit\n const requiredSpeed = requiredSpeedMmMin \/ conversions[outputUnit];\n\n \/\/ Show results\n capacityResultsDiv.classList.remove('fsc-hidden');\n\n \/\/ Update display\n document.getElementById('fscRequiredSpeed').textContent = formatNumber(requiredSpeed, 2);\n document.getElementById('fscSpeedUnitLabel').textContent = outputUnit;\n document.getElementById('fscRequiredPPM').textContent = formatNumber(requiredPPM, 2);\n document.getElementById('fscRequiredPPH').textContent = formatNumber(requiredPPH, 0);\n\n \/\/ Update capacity bar\n const maxSpeed = 100;\n const speedInMMin = requiredSpeedMmMin \/ 1000;\n const capacityPercent = Math.min((speedInMMin \/ maxSpeed) * 100, 100);\n document.getElementById('fscCapacityBar2').style.width = capacityPercent + '%';\n document.getElementById('fscCapacityPercent2').textContent = Math.round(capacityPercent) + '%';\n }\n\n function formatNumber(num, decimals) {\n if (num >= 1000000) {\n return (num \/ 1000000).toFixed(1) + 'M';\n } else if (num >= 1000) {\n return (num \/ 1000).toFixed(1) + 'K';\n }\n return num.toFixed(decimals).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>The Feeding Speed & Production Capacity Calculator is a practical engineering tool designed to help manufacturers accurately estimate machine throughput and optimize production efficiency. By…<\/p>","protected":false},"author":2,"featured_media":24319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8413],"tags":[8472,1784,8473],"class_list":["post-24318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-feeding-speed","tag-manufacturing-efficiency","tag-production-capacity","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Feeding-Speed-Production-Capacity-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts\/24318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/comments?post=24318"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts\/24318\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/media\/24319"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/media?parent=24318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/categories?post=24318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/tags?post=24318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":24318,"date":"2026-02-12T01:23:14","date_gmt":"2026-02-12T01:23:14","guid":{"rendered":"https:\/\/www.mechstream.com\/?p=24318"},"modified":"2026-02-12T01:33:50","modified_gmt":"2026-02-12T01:33:50","slug":"feeding-speed-production-capacity-calculator","status":"publish","type":"post","link":"https:\/\/www.mechstream.com\/es\/feeding-speed-production-capacity-calculator\/","title":{"rendered":"Feeding Speed & Production Capacity Calculator"},"content":{"rendered":"\n

The Feeding Speed & Production Capacity Calculator<\/strong> is a practical engineering tool designed to help manufacturers accurately estimate machine throughput and optimize production efficiency. By inputting feeding speed, processing length, cycle time, and working hours, this calculator instantly determines theoretical and actual production capacity. It is especially useful for sheet metal fabrication, tube processing, laser cutting, and automated production lines. The Feeding Speed & Production Capacity Calculator enables engineers and production managers to evaluate machine performance, reduce bottlenecks, and improve overall manufacturing planning with data-driven precision.<\/p>\n\n\n\n\n\n\n \n \n \n Feeding Speed & Production Capacity Calculator<\/title>\n <style>\n \/* Scoped styles for calculator - prefixed with fsc- to avoid conflicts *\/\n .fsc-calculator-wrapper {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n box-sizing: border-box;\n max-width: 1000px;\n margin: 0 auto;\n padding: 32px 16px;\n }\n .fsc-calculator-wrapper *, \n .fsc-calculator-wrapper *::before, \n .fsc-calculator-wrapper *::after {\n box-sizing: border-box;\n }\n .fsc-title {\n font-size: 1.875rem;\n font-weight: 700;\n color: #111827;\n margin-bottom: 24px;\n margin-top: 0;\n }\n .fsc-container {\n background-color: #ffffff;\n border-radius: 16px;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n padding: 24px;\n }\n @media (min-width: 640px) {\n .fsc-container {\n padding: 32px;\n }\n }\n .fsc-mode-toggle {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-mode-toggle-inner {\n background-color: #f3f4f6;\n border-radius: 12px;\n padding: 4px;\n display: inline-flex;\n }\n .fsc-mode-btn {\n padding: 12px 24px;\n border-radius: 8px;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.2s;\n border: none;\n cursor: pointer;\n background: transparent;\n color: #4b5563;\n }\n .fsc-mode-btn:hover {\n background-color: #e5e7eb;\n }\n .fsc-mode-btn.active {\n background-color: #0ea5e9;\n color: #ffffff;\n }\n .fsc-mode-btn.active:hover {\n background-color: #0284c7;\n }\n .fsc-grid-2 {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-bottom: 24px;\n }\n @media (min-width: 768px) {\n .fsc-grid-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n .fsc-grid-3 {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n @media (min-width: 768px) {\n .fsc-grid-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .fsc-label {\n display: block;\n font-size: 14px;\n font-weight: 500;\n color: #374151;\n margin-bottom: 8px;\n }\n .fsc-input-group {\n display: flex;\n gap: 8px;\n width: 100%;\n }\n .fsc-input {\n flex: 1 1 auto;\n min-width: 0;\n width: 70% !important;\n padding: 12px 16px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .fsc-input:focus {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n }\n .fsc-input-full {\n width: 100% !important;\n padding: 12px 16px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .fsc-input-full:focus {\n border-color: #0ea5e9;\n box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n }\n .fsc-select {\n flex: 0 0 auto;\n width: 85px !important;\n min-width: 85px;\n max-width: 85px;\n padding: 12px 8px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 13px;\n outline: none;\n cursor: pointer;\n }\n .fsc-select:focus {\n border-color: #0ea5e9;\n }\n .fsc-select-full {\n width: 150px !important;\n max-width: 150px;\n padding: 12px 12px;\n border: 1px solid #d1d5db;\n border-radius: 8px;\n background-color: #ffffff;\n color: #111827;\n font-size: 14px;\n outline: none;\n cursor: pointer;\n }\n .fsc-mb-6 {\n margin-bottom: 24px;\n }\n .fsc-efficiency-value {\n color: #0ea5e9;\n font-weight: 700;\n }\n .fsc-range {\n width: 100%;\n height: 12px;\n background-color: #e5e7eb;\n border-radius: 8px;\n appearance: none;\n cursor: pointer;\n accent-color: #0ea5e9;\n }\n .fsc-range::-webkit-slider-thumb {\n appearance: none;\n width: 20px;\n height: 20px;\n background: #0ea5e9;\n border-radius: 50%;\n cursor: pointer;\n }\n .fsc-range::-moz-range-thumb {\n width: 20px;\n height: 20px;\n background: #0ea5e9;\n border-radius: 50%;\n cursor: pointer;\n border: none;\n }\n .fsc-range-labels {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: #6b7280;\n margin-top: 4px;\n }\n .fsc-shift-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n max-width: 400px;\n }\n .fsc-shift-btn {\n padding: 12px 16px;\n border-radius: 8px;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.2s;\n border: none;\n cursor: pointer;\n background-color: #e5e7eb;\n color: #374151;\n }\n .fsc-shift-btn:hover {\n background-color: #d1d5db;\n }\n .fsc-shift-btn.active {\n background-color: #0ea5e9;\n color: #ffffff;\n }\n .fsc-calc-btn-wrapper {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-calc-btn {\n width: 33.333%;\n padding: 16px 24px;\n background-color: #0ea5e9;\n color: #ffffff;\n font-weight: 700;\n font-size: 16px;\n border-radius: 12px;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n .fsc-calc-btn:hover {\n background-color: #0284c7;\n color: #ffffff !important;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n .fsc-results {\n border-top: 1px solid #e5e7eb;\n padding-top: 24px;\n }\n .fsc-results-title {\n font-size: 18px;\n font-weight: 700;\n color: #111827;\n margin-bottom: 16px;\n margin-top: 0;\n }\n .fsc-efficiency-visual {\n display: flex;\n justify-content: center;\n margin-bottom: 24px;\n }\n .fsc-efficiency-ring {\n position: relative;\n width: 128px;\n height: 128px;\n }\n .fsc-efficiency-ring svg {\n width: 128px;\n height: 128px;\n }\n .fsc-progress-ring {\n transition: stroke-dashoffset 0.5s ease-in-out;\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n }\n .fsc-efficiency-text {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n .fsc-efficiency-percent {\n font-size: 24px;\n font-weight: 700;\n color: #0ea5e9;\n }\n .fsc-efficiency-label {\n font-size: 12px;\n color: #6b7280;\n }\n .fsc-result-card {\n background-color: #f9fafb;\n border-radius: 12px;\n padding: 16px;\n text-align: center;\n }\n .fsc-result-card-label {\n display: block;\n color: #4b5563;\n font-size: 14px;\n margin-bottom: 4px;\n }\n .fsc-result-card-value {\n font-size: 24px;\n font-weight: 700;\n color: #111827;\n }\n .fsc-result-card-highlight {\n background: linear-gradient(to right, #0ea5e9, #0284c7);\n border-radius: 12px;\n padding: 16px;\n text-align: center;\n }\n .fsc-result-card-highlight .fsc-result-card-label {\n color: rgba(255, 255, 255, 0.9);\n }\n .fsc-result-card-highlight .fsc-result-card-value {\n color: #ffffff;\n }\n .fsc-result-card-highlight .fsc-result-card-sub {\n display: block;\n color: rgba(255, 255, 255, 0.7);\n font-size: 12px;\n margin-top: 4px;\n }\n .fsc-progress-bar-wrapper {\n margin-top: 16px;\n }\n .fsc-progress-bar-header {\n display: flex;\n justify-content: space-between;\n font-size: 14px;\n color: #4b5563;\n margin-bottom: 8px;\n }\n .fsc-progress-bar {\n height: 12px;\n background-color: #e5e7eb;\n border-radius: 9999px;\n overflow: hidden;\n }\n .fsc-progress-bar-fill {\n height: 100%;\n background: linear-gradient(to right, #38bdf8, #0284c7);\n border-radius: 9999px;\n transition: width 0.5s;\n }\n .fsc-hidden {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"fsc-calculator-wrapper\">\n \n <h2 class=\"fsc-title\">Calculator<\/h2>\n\n \n <div class=\"fsc-container\">\n \n <div class=\"fsc-mode-toggle\">\n <div class=\"fsc-mode-toggle-inner\">\n <button id=\"fscModeSpeed\" class=\"fsc-mode-btn active\">\n Speed \u2192 Capacity\n <\/button>\n <button id=\"fscModeCapacity\" class=\"fsc-mode-btn\">\n Capacity \u2192 Speed\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"fscSpeedMode\">\n <div class=\"fsc-grid-2\">\n \n <div>\n <label class=\"fsc-label\">Feeding Speed<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscFeedingSpeed\" placeholder=\"Enter speed\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscSpeedUnit\" class=\"fsc-select\">\n <option value=\"m\/min\">m\/min<\/option>\n <option value=\"mm\/s\">mm\/s<\/option>\n <option value=\"inch\/min\">inch\/min<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n \n <div>\n <label class=\"fsc-label\">Part Length \/ Pitch (distance per part)<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscPartLength\" placeholder=\"Enter length\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscLengthUnit\" class=\"fsc-select\">\n <option value=\"mm\">mm<\/option>\n <option value=\"inch\">inch<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">\n Efficiency Rate: <span id=\"fscEfficiencyValue\" class=\"fsc-efficiency-value\">85%<\/span>\n <\/label>\n <input type=\"range\" id=\"fscEfficiencyRate\" min=\"0\" max=\"100\" value=\"85\" class=\"fsc-range\">\n <div class=\"fsc-range-labels\">\n <span>0%<\/span>\n <span>50%<\/span>\n <span>100%<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Shift Duration<\/label>\n <div class=\"fsc-shift-grid\">\n <button data-hours=\"8\" class=\"fsc-shift-btn active\">8 Hours<\/button>\n <button data-hours=\"12\" class=\"fsc-shift-btn\">12 Hours<\/button>\n <button data-hours=\"24\" class=\"fsc-shift-btn\">24 Hours<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-calc-btn-wrapper\">\n <button id=\"fscCalculateBtnSpeed\" class=\"fsc-calc-btn\">Calculate<\/button>\n <\/div>\n\n \n <div id=\"fscSpeedResults\" class=\"fsc-hidden\">\n <div class=\"fsc-results\">\n <h3 class=\"fsc-results-title\">Production Output<\/h3>\n \n \n <div class=\"fsc-efficiency-visual\">\n <div class=\"fsc-efficiency-ring\">\n <svg viewBox=\"0 0 100 100\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"8\"\/>\n <circle id=\"fscProgressRing\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"8\" \n stroke-dasharray=\"283\" stroke-dashoffset=\"42\" stroke-linecap=\"round\" class=\"fsc-progress-ring\"\/>\n <\/svg>\n <div class=\"fsc-efficiency-text\">\n <span id=\"fscEfficiencyDisplay\" class=\"fsc-efficiency-percent\">85%<\/span>\n <span class=\"fsc-efficiency-label\">Efficiency<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"fsc-grid-3\">\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Minute<\/span>\n <span id=\"fscPartsPerMinute\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Hour<\/span>\n <span id=\"fscPartsPerHour\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card-highlight\">\n <span class=\"fsc-result-card-label\">Total Output Per Shift<\/span>\n <span id=\"fscPartsPerShift\" class=\"fsc-result-card-value\">—<\/span>\n <span class=\"fsc-result-card-sub\" id=\"fscShiftLabel\">Based on 8-hour shift<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-progress-bar-wrapper\">\n <div class=\"fsc-progress-bar-header\">\n <span>Production Capacity<\/span>\n <span id=\"fscCapacityPercent\">0%<\/span>\n <\/div>\n <div class=\"fsc-progress-bar\">\n <div id=\"fscCapacityBar\" class=\"fsc-progress-bar-fill\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"fscCapacityMode\" class=\"fsc-hidden\">\n <div class=\"fsc-grid-2\">\n \n <div>\n <label class=\"fsc-label\">Target Daily Capacity (parts per shift)<\/label>\n <input type=\"number\" id=\"fscTargetCapacity\" placeholder=\"Enter target parts\" step=\"1\" min=\"0\" class=\"fsc-input-full\">\n <\/div>\n\n \n <div>\n <label class=\"fsc-label\">Part Length \/ Pitch (distance per part)<\/label>\n <div class=\"fsc-input-group\">\n <input type=\"number\" id=\"fscPartLengthReverse\" placeholder=\"Enter length\" step=\"0.1\" min=\"0\" class=\"fsc-input\">\n <select id=\"fscLengthUnitReverse\" class=\"fsc-select\">\n <option value=\"mm\">mm<\/option>\n <option value=\"inch\">inch<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Required Speed Unit<\/label>\n <select id=\"fscOutputSpeedUnit\" class=\"fsc-select-full\">\n <option value=\"m\/min\">m\/min<\/option>\n <option value=\"mm\/s\">mm\/s<\/option>\n <option value=\"inch\/min\">inch\/min<\/option>\n <\/select>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">\n Efficiency Rate: <span id=\"fscEfficiencyValue2\" class=\"fsc-efficiency-value\">85%<\/span>\n <\/label>\n <input type=\"range\" id=\"fscEfficiencyRate2\" min=\"0\" max=\"100\" value=\"85\" class=\"fsc-range\">\n <div class=\"fsc-range-labels\">\n <span>0%<\/span>\n <span>50%<\/span>\n <span>100%<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-mb-6\">\n <label class=\"fsc-label\">Shift Duration<\/label>\n <div class=\"fsc-shift-grid\">\n <button data-hours=\"8\" class=\"fsc-shift-btn2 active\">8 Hours<\/button>\n <button data-hours=\"12\" class=\"fsc-shift-btn2\">12 Hours<\/button>\n <button data-hours=\"24\" class=\"fsc-shift-btn2\">24 Hours<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-calc-btn-wrapper\">\n <button id=\"fscCalculateBtnCapacity\" class=\"fsc-calc-btn\">Calculate<\/button>\n <\/div>\n\n \n <div id=\"fscCapacityResults\" class=\"fsc-hidden\">\n <div class=\"fsc-results\">\n <h3 class=\"fsc-results-title\">Required Speed<\/h3>\n \n \n <div class=\"fsc-efficiency-visual\">\n <div class=\"fsc-efficiency-ring\">\n <svg viewBox=\"0 0 100 100\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"8\"\/>\n <circle id=\"fscProgressRing2\" cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"8\" \n stroke-dasharray=\"283\" stroke-dashoffset=\"42\" stroke-linecap=\"round\" class=\"fsc-progress-ring\"\/>\n <\/svg>\n <div class=\"fsc-efficiency-text\">\n <span id=\"fscEfficiencyDisplay2\" class=\"fsc-efficiency-percent\">85%<\/span>\n <span class=\"fsc-efficiency-label\">Efficiency<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"fsc-grid-3\">\n <div class=\"fsc-result-card-highlight\">\n <span class=\"fsc-result-card-label\">Required Feeding Speed<\/span>\n <span id=\"fscRequiredSpeed\" class=\"fsc-result-card-value\">—<\/span>\n <span class=\"fsc-result-card-sub\" id=\"fscSpeedUnitLabel\">m\/min<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Minute Needed<\/span>\n <span id=\"fscRequiredPPM\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <div class=\"fsc-result-card\">\n <span class=\"fsc-result-card-label\">Parts Per Hour Needed<\/span>\n <span id=\"fscRequiredPPH\" class=\"fsc-result-card-value\">—<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"fsc-progress-bar-wrapper\">\n <div class=\"fsc-progress-bar-header\">\n <span>Speed Requirement<\/span>\n <span id=\"fscCapacityPercent2\">0%<\/span>\n <\/div>\n <div class=\"fsc-progress-bar\">\n <div id=\"fscCapacityBar2\" class=\"fsc-progress-bar-fill\" style=\"width: 0%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n \/\/ State\n let currentMode = 'speed';\n let shiftHours = 8;\n let shiftHours2 = 8;\n let efficiency = 85;\n let efficiency2 = 85;\n\n \/\/ DOM Elements\n const modeSpeedBtn = document.getElementById('fscModeSpeed');\n const modeCapacityBtn = document.getElementById('fscModeCapacity');\n const speedModeDiv = document.getElementById('fscSpeedMode');\n const capacityModeDiv = document.getElementById('fscCapacityMode');\n const speedResultsDiv = document.getElementById('fscSpeedResults');\n const capacityResultsDiv = document.getElementById('fscCapacityResults');\n \n const efficiencySlider = document.getElementById('fscEfficiencyRate');\n const efficiencyValueEl = document.getElementById('fscEfficiencyValue');\n const efficiencyDisplay = document.getElementById('fscEfficiencyDisplay');\n const progressRing = document.getElementById('fscProgressRing');\n \n const efficiencySlider2 = document.getElementById('fscEfficiencyRate2');\n const efficiencyValue2El = document.getElementById('fscEfficiencyValue2');\n const efficiencyDisplay2 = document.getElementById('fscEfficiencyDisplay2');\n const progressRing2 = document.getElementById('fscProgressRing2');\n \n const shiftBtns = document.querySelectorAll('.fsc-shift-btn');\n const shiftBtns2 = document.querySelectorAll('.fsc-shift-btn2');\n const calculateBtnSpeed = document.getElementById('fscCalculateBtnSpeed');\n const calculateBtnCapacity = document.getElementById('fscCalculateBtnCapacity');\n\n \/\/ Unit conversion constants\n const conversions = {\n 'mm\/min': 1,\n 'm\/min': 1000,\n 'mm\/s': 60,\n 'inch\/min': 25.4\n };\n\n const lengthConversions = {\n 'mm': 1,\n 'inch': 25.4\n };\n\n \/\/ Mode Toggle\n modeSpeedBtn.addEventListener('click', function() { switchMode('speed'); });\n modeCapacityBtn.addEventListener('click', function() { switchMode('capacity'); });\n\n function switchMode(mode) {\n currentMode = mode;\n if (mode === 'speed') {\n modeSpeedBtn.classList.add('active');\n modeCapacityBtn.classList.remove('active');\n speedModeDiv.classList.remove('fsc-hidden');\n capacityModeDiv.classList.add('fsc-hidden');\n } else {\n modeCapacityBtn.classList.add('active');\n modeSpeedBtn.classList.remove('active');\n capacityModeDiv.classList.remove('fsc-hidden');\n speedModeDiv.classList.add('fsc-hidden');\n }\n }\n\n \/\/ Efficiency Slider - Mode 1\n efficiencySlider.addEventListener('input', function(e) {\n efficiency = parseInt(e.target.value);\n efficiencyValueEl.textContent = efficiency + '%';\n efficiencyDisplay.textContent = efficiency + '%';\n updateProgressRing(progressRing, efficiency);\n });\n\n \/\/ Efficiency Slider - Mode 2\n efficiencySlider2.addEventListener('input', function(e) {\n efficiency2 = parseInt(e.target.value);\n efficiencyValue2El.textContent = efficiency2 + '%';\n efficiencyDisplay2.textContent = efficiency2 + '%';\n updateProgressRing(progressRing2, efficiency2);\n });\n\n function updateProgressRing(ring, value) {\n const circumference = 2 * Math.PI * 45;\n const offset = circumference - (value \/ 100) * circumference;\n ring.style.strokeDashoffset = offset;\n \n if (value >= 80) {\n ring.style.stroke = '#10b981';\n } else if (value >= 50) {\n ring.style.stroke = '#f59e0b';\n } else {\n ring.style.stroke = '#ef4444';\n }\n }\n\n \/\/ Initialize progress rings\n updateProgressRing(progressRing, efficiency);\n updateProgressRing(progressRing2, efficiency2);\n\n \/\/ Shift Buttons - Mode 1\n shiftBtns.forEach(function(btn) {\n btn.addEventListener('click', function() {\n shiftHours = parseInt(btn.dataset.hours);\n shiftBtns.forEach(function(b) {\n b.classList.remove('active');\n });\n btn.classList.add('active');\n document.getElementById('fscShiftLabel').textContent = 'Based on ' + shiftHours + '-hour shift';\n });\n });\n\n \/\/ Shift Buttons - Mode 2\n shiftBtns2.forEach(function(btn) {\n btn.addEventListener('click', function() {\n shiftHours2 = parseInt(btn.dataset.hours);\n shiftBtns2.forEach(function(b) {\n b.classList.remove('active');\n });\n btn.classList.add('active');\n });\n });\n\n \/\/ Calculate Buttons\n calculateBtnSpeed.addEventListener('click', calculateSpeedToCapacity);\n calculateBtnCapacity.addEventListener('click', calculateCapacityToSpeed);\n\n function calculateSpeedToCapacity() {\n const speed = parseFloat(document.getElementById('fscFeedingSpeed').value);\n const speedUnit = document.getElementById('fscSpeedUnit').value;\n const partLength = parseFloat(document.getElementById('fscPartLength').value);\n const lengthUnit = document.getElementById('fscLengthUnit').value;\n\n if (isNaN(speed) || isNaN(partLength) || speed <= 0 || partLength <= 0) {\n alert('Please enter valid positive numbers for speed and part length.');\n return;\n }\n\n \/\/ Convert speed to mm\/min\n const speedInMmMin = speed * conversions[speedUnit];\n \n \/\/ Convert part length to mm\n const partLengthInMm = partLength * lengthConversions[lengthUnit];\n\n \/\/ Calculate parts per minute (theoretical)\n const theoreticalPPM = speedInMmMin \/ partLengthInMm;\n \n \/\/ Apply efficiency\n const actualPPM = theoreticalPPM * (efficiency \/ 100);\n const actualPPH = actualPPM * 60;\n const actualPerShift = actualPPH * shiftHours;\n\n \/\/ Show results\n speedResultsDiv.classList.remove('fsc-hidden');\n\n \/\/ Update display\n document.getElementById('fscPartsPerMinute').textContent = formatNumber(actualPPM, 2);\n document.getElementById('fscPartsPerHour').textContent = formatNumber(actualPPH, 0);\n document.getElementById('fscPartsPerShift').textContent = formatNumber(actualPerShift, 0);\n\n \/\/ Update capacity bar\n const maxCapacity = 100000;\n const capacityPercent = Math.min((actualPerShift \/ maxCapacity) * 100, 100);\n document.getElementById('fscCapacityBar').style.width = capacityPercent + '%';\n document.getElementById('fscCapacityPercent').textContent = Math.round(capacityPercent) + '%';\n }\n\n function calculateCapacityToSpeed() {\n const targetCapacity = parseFloat(document.getElementById('fscTargetCapacity').value);\n const partLength = parseFloat(document.getElementById('fscPartLengthReverse').value);\n const lengthUnit = document.getElementById('fscLengthUnitReverse').value;\n const outputUnit = document.getElementById('fscOutputSpeedUnit').value;\n\n if (isNaN(targetCapacity) || isNaN(partLength) || targetCapacity <= 0 || partLength <= 0) {\n alert('Please enter valid positive numbers for target capacity and part length.');\n return;\n }\n\n if (efficiency2 === 0) {\n alert('Efficiency cannot be 0% for reverse calculation.');\n return;\n }\n\n \/\/ Convert part length to mm\n const partLengthInMm = partLength * lengthConversions[lengthUnit];\n\n \/\/ Calculate required parts per minute (accounting for efficiency)\n const requiredPPM = targetCapacity \/ shiftHours2 \/ 60 \/ (efficiency2 \/ 100);\n const requiredPPH = requiredPPM * 60;\n\n \/\/ Calculate required speed in mm\/min\n const requiredSpeedMmMin = requiredPPM * partLengthInMm;\n\n \/\/ Convert to desired output unit\n const requiredSpeed = requiredSpeedMmMin \/ conversions[outputUnit];\n\n \/\/ Show results\n capacityResultsDiv.classList.remove('fsc-hidden');\n\n \/\/ Update display\n document.getElementById('fscRequiredSpeed').textContent = formatNumber(requiredSpeed, 2);\n document.getElementById('fscSpeedUnitLabel').textContent = outputUnit;\n document.getElementById('fscRequiredPPM').textContent = formatNumber(requiredPPM, 2);\n document.getElementById('fscRequiredPPH').textContent = formatNumber(requiredPPH, 0);\n\n \/\/ Update capacity bar\n const maxSpeed = 100;\n const speedInMMin = requiredSpeedMmMin \/ 1000;\n const capacityPercent = Math.min((speedInMMin \/ maxSpeed) * 100, 100);\n document.getElementById('fscCapacityBar2').style.width = capacityPercent + '%';\n document.getElementById('fscCapacityPercent2').textContent = Math.round(capacityPercent) + '%';\n }\n\n function formatNumber(num, decimals) {\n if (num >= 1000000) {\n return (num \/ 1000000).toFixed(1) + 'M';\n } else if (num >= 1000) {\n return (num \/ 1000).toFixed(1) + 'K';\n }\n return num.toFixed(decimals).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>The Feeding Speed & Production Capacity Calculator is a practical engineering tool designed to help manufacturers accurately estimate machine throughput and optimize production efficiency. By…<\/p>","protected":false},"author":2,"featured_media":24319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8413],"tags":[8472,1784,8473],"class_list":["post-24318","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unit-and-industry-standard-conversion","tag-feeding-speed","tag-manufacturing-efficiency","tag-production-capacity","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2026\/02\/Feeding-Speed-Production-Capacity-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts\/24318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/comments?post=24318"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/posts\/24318\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/media\/24319"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/media?parent=24318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/categories?post=24318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/es\/wp-json\/wp\/v2\/tags?post=24318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}