Spinning Mill Production Calculator

Spinning Production Calculator :root { --primary: #4f46e5; --primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); --surface-dark: #0f172a; --border-color: #e2e8f0; --text-main: #0f172a; --text-muted: #64748b; --radius-md: 10px; } /* Reset styles to fit into standard site layout */ .spin-calc-wrapper * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; } .spin-calc-wrapper { width: 100%; color: var(--text-main); padding: 16px 0; } /* Header Section - Full Width */ .spin-calc-header { margin-bottom: 24px; } .spin-calc-badge { display: inline-block; background: #e0e7ff; color: var(--primary); padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; } .spin-calc-header h1 { font-size: 1.75rem; font-weight: 800; color: var(--text-main); } .spin-calc-header p { font-size: 0.9rem; color: var(--text-muted); margin-top: 4px; } /* Responsive Grid for Department Buttons */ .spin-calc-dept-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 100%; margin-bottom: 24px; } @media (min-width: 576px) { .spin-calc-dept-grid { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 992px) { .spin-calc-dept-grid { grid-template-columns: repeat(8, 1fr); } } .spin-calc-btn { width: 100%; padding: 12px 6px; background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius-md); font-size: 0.85rem; font-weight: 600; color: var(--text-muted); cursor: pointer; transition: all 0.2s ease; text-align: center; word-break: break-word; } .spin-calc-btn:hover { border-color: var(--primary); color: var(--primary); } .spin-calc-btn.active { background: var(--primary-gradient); color: #ffffff; border-color: transparent; } /* Layout Columns */ .spin-calc-body { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .spin-calc-body { grid-template-columns: 1fr 1fr; } } .spin-calc-section-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; color: var(--text-main); } /* Dynamic Inputs Grid */ .spin-calc-inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; } .spin-calc-field { display: flex; flex-direction: column; gap: 6px; } .spin-calc-field label { font-size: 0.8rem; font-weight: 700; color: var(--text-main); } .spin-calc-field input { width: 100%; height: 44px; padding: 0 12px; border: 1.5px solid var(--border-color); border-radius: var(--radius-md); font-size: 0.95rem; font-weight: 600; color: var(--text-main); background-color: #f8fafc; outline: none; transition: border-color 0.2s ease; } .spin-calc-field input:focus { background-color: #ffffff; border-color: var(--primary); } /* Output Results Block */ .spin-calc-results { background: var(--surface-dark); color: #ffffff; border-radius: var(--radius-md); padding: 24px; } .spin-calc-results .spin-calc-section-title { color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 12px; } .spin-calc-main-stat { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius-md); padding: 20px; text-align: center; margin-bottom: 16px; } .spin-calc-main-stat .val { font-size: 2.25rem; font-weight: 800; color: #818cf8; line-height: 1.1; } .spin-calc-main-stat .lbl { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; margin-top: 8px; font-weight: 600; } .spin-calc-sub-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .spin-calc-sub-box { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--radius-md); padding: 14px; text-align: center; } .spin-calc-sub-box .val { font-size: 1.2rem; font-weight: 700; color: #ffffff; } .spin-calc-sub-box .lbl { font-size: 0.7rem; color: #94a3b8; margin-top: 4px; } @media (max-width: 480px) { .spin-calc-header h1 { font-size: 1.35rem; } .spin-calc-inputs { grid-template-columns: 1fr 1fr; } .spin-calc-main-stat .val { font-size: 1.85rem; } } Spinning Suite Pro Production Calculator Select a department to calculate real-time machine output Ring Frame Rotor (OE) Air-Jet Speed Frame Draw Frame Comber Carding Blowroom Ring Spinning Frame Output Metrics 0.00 kg / Machine / Shift 0.00 kg / Day (24 hrs) 0.00 lbs / Shift 0.00 g / Spindle / Shift let activeMachine = 'ring'; const machineConfigs = { ring: { title: "Ring Spinning Frame", unitLabel: "g / Spindle / Shift", fields: [ { id: 'spindleSpeed', label: 'Spindle Speed (RPM)', val: 18000 }, { id: 'tm', label: 'Twist Multiplier (TM)', val: 3.8 }, { id: 'count', label: 'Yarn Count (Ne)', val: 30 }, { id: 'spindles', label: 'Spindles / Machine', val: 1200 }, { id: 'efficiency', label: 'Efficiency (%)', val: 95 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, rotor: { title: "Rotor (Open-End) Spinning", unitLabel: "kg / Rotor / Shift", fields: [ { id: 'rotorSpeed', label: 'Rotor Speed (RPM)', val: 100000 }, { id: 'tpi', label: 'Twist Per Inch (TPI)', val: 18 }, { id: 'count', label: 'Yarn Count (Ne)', val: 20 }, { id: 'rotors', label: 'No. of Rotors', val: 480 }, { id: 'efficiency', label: 'Efficiency (%)', val: 94 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, airjet: { title: "Air-Jet / Vortex Spinning", unitLabel: "kg / Position / Shift", fields: [ { id: 'deliverySpeed', label: 'Delivery Speed (m/min)', val: 450 }, { id: 'count', label: 'Yarn Count (Ne)', val: 40 }, { id: 'positions', label: 'No. of Positions', val: 96 }, { id: 'efficiency', label: 'Efficiency (%)', val: 96 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, speedframe: { title: "Speed Frame (Roving)", unitLabel: "kg / Spindle / Shift", fields: [ { id: 'spindleSpeed', label: 'Flyer Speed (RPM)', val: 1200 }, { id: 'tpi', label: 'Roving TPI', val: 1.2 }, { id: 'hank', label: 'Roving Hank (Ne)', val: 1.2 }, { id: 'spindles', label: 'No. of Spindles', val: 120 }, { id: 'efficiency', label: 'Efficiency (%)', val: 88 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, drawframe: { title: "Draw Frame", unitLabel: "kg / Delivery / Shift", fields: [ { id: 'deliverySpeed', label: 'Delivery Speed (m/min)', val: 800 }, { id: 'sliverGrain', label: 'Sliver (Grains/yd)', val: 60 }, { id: 'deliveries', label: 'Deliveries', val: 2 }, { id: 'efficiency', label: 'Efficiency (%)', val: 85 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, comber: { title: "Comber Machine", unitLabel: "kg / Head / Shift", fields: [ { id: 'nips', label: 'Nips / Min (NPM)', val: 400 }, { id: 'feedNip', label: 'Feed / Nip (mm)', val: 4.5 }, { id: 'lapWeight', label: 'Lap Weight (g/m)', val: 70 }, { id: 'noil', label: 'Noil (%)', val: 16 }, { id: 'heads', label: 'No. of Heads', val: 8 }, { id: 'efficiency', label: 'Efficiency (%)', val: 90 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, carding: { title: "Carding Machine", unitLabel: "kg / Hour", fields: [ { id: 'deliverySpeed', label: 'Doffer Speed (m/min)', val: 220 }, { id: 'sliverGrain', label: 'Sliver (Grains/yd)', val: 70 }, { id: 'efficiency', label: 'Efficiency (%)', val: 92 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] }, blowroom: { title: "Blowroom Line", unitLabel: "kg / Hour", fields: [ { id: 'deliverySpeed', label: 'Feed Speed (m/min)', val: 12 }, { id: 'lapWeight', label: 'Lap Weight (g/m)', val: 400 }, { id: 'efficiency', label: 'Efficiency (%)', val: 85 }, { id: 'shiftHours', label: 'Shift (Hours)', val: 8 } ] } }; function renderFields() { const config = machineConfigs[activeMachine]; const grid = document.getElementById('dynamicFields'); document.getElementById('machine-name').innerText = config.title; grid.innerHTML = ''; config.fields.forEach(f => { grid.innerHTML += ` ${f.label} `; }); document.getElementById('res-unit-label').innerText = config.unitLabel; calculateProduction(); } function switchMachine(mKey, btn) { activeMachine = mKey; document.querySelectorAll('.spin-calc-btn').forEach(b => b.classList.remove('active')); btn.classList.add('active'); renderFields(); } function getVal(id) { const el = document.getElementById(id); return el ? parseFloat(el.value) || 0 : 0; } function calculateProduction() { let shiftKg = 0; let unitValue = 0; const hours = getVal('shiftHours'); const eff = getVal('efficiency') / 100; if (activeMachine === 'ring') { const rpm = getVal('spindleSpeed'); const tm = getVal('tm'); const count = getVal('count'); const spindles = getVal('spindles'); const tpi = tm * Math.sqrt(count); const deliveryMpm = (rpm / (tpi * 39.37)); const kgPerSpindlePerHr = (deliveryMpm * 60 * 0.590541) / (count * 1000); shiftKg = kgPerSpindlePerHr * hours * spindles * eff; unitValue = (shiftKg / (spindles || 1)) * 1000; } else if (activeMachine === 'rotor') { const rpm = getVal('rotorSpeed'); const tpi = getVal('tpi'); const count = getVal('count'); const rotors = getVal('rotors'); const deliveryMpm = (rpm / (tpi * 39.37)); const kgPerRotorHr = (deliveryMpm * 60 * 0.590541) / (count * 1000); shiftKg = kgPerRotorHr * hours * rotors * eff; unitValue = shiftKg / (rotors || 1); } else if (activeMachine === 'airjet') { const speed = getVal('deliverySpeed'); const count = getVal('count'); const pos = getVal('positions'); const kgPerPosHr = (speed * 60 * 0.590541) / (count * 1000); shiftKg = kgPerPosHr * hours * pos * eff; unitValue = shiftKg / (pos || 1); } else if (activeMachine === 'speedframe') { const rpm = getVal('spindleSpeed'); const tpi = getVal('tpi'); const hank = getVal('hank'); const spindles = getVal('spindles'); const deliveryMpm = (rpm / (tpi * 39.37)); const kgPerSpindleHr = (deliveryMpm * 60 * 0.590541) / (hank * 1000); shiftKg = kgPerSpindleHr * hours * spindles * eff; unitValue = shiftKg / (spindles || 1); } else if (activeMachine === 'drawframe') { const speed = getVal('deliverySpeed'); const grainYd = getVal('sliverGrain'); const deliveries = getVal('deliveries'); const gPerMeter = grainYd * 0.070874; const kgPerDelHr = (speed * 60 * gPerMeter) / 1000; shiftKg = kgPerDelHr * hours * deliveries * eff; unitValue = shiftKg / (deliveries || 1); } else if (activeMachine === 'comber') { const nips = getVal('nips'); const feed = getVal('feedNip'); const lapWt = getVal('lapWeight'); const noil = getVal('noil'); const heads = getVal('heads'); const fedMeterPerMin = (nips * feed) / 1000; const kgPerHeadHr = (fedMeterPerMin * 60 * lapWt * (1 - (noil / 100))) / 1000; shiftKg = kgPerHeadHr * hours * heads * eff; unitValue = shiftKg / (heads || 1); } else if (activeMachine === 'carding') { const speed = getVal('deliverySpeed'); const grainYd = getVal('sliverGrain'); const gPerMeter = grainYd * 0.070874; const kgPerHr = (speed * 60 * gPerMeter) / 1000; shiftKg = kgPerHr * hours * eff; unitValue = kgPerHr * eff; } else if (activeMachine === 'blowroom') { const speed = getVal('deliverySpeed'); const lapWt = getVal('lapWeight'); const kgPerHr = (speed * 60 * lapWt) / 1000; shiftKg = kgPerHr * hours * eff; unitValue = kgPerHr * eff; } const dayKg = shiftKg * (24 / (hours || 8)); const shiftLbs = shiftKg * 2.20462; document.getElementById('res-shift-kg').innerText = isNaN(shiftKg) ? '0.00' : shiftKg.toFixed(2); document.getElementById('res-day-kg').innerText = isNaN(dayKg) ? '0.00' : dayKg.toFixed(2); document.getElementById('res-unit-hr').innerText = isNaN(unitValue) ? '0.00' : unitValue.toFixed(2); document.getElementById('res-shift-lbs').innerText = isNaN(shiftLbs) ? '0.00' : shiftLbs.toFixed(2); } window.onload = function() { renderFields(); };

Production Calculator

Discover more from Online Textile Academy

Yarn Count Utility

Fabric Forming Machine Calculators

Related Articles

Yarn Count Utility

Adblock Detected