ضریب هدایت حرارتی یونولیت فشرده (EPS)؛ جدول λ و R

(function(){ var wrap = document.getElementById('tcChartWrap'); if (!wrap) return; // ---------- داده‌ها ---------- var blueData = [ [7, 0.056], [9.7, 0.056], [9.7, 0.050], [13, 0.050], [13, 0.047], [15, 0.047], [15, 0.044], [18.8, 0.044], [18.8, 0.042], [24, 0.042], [24, 0.040], [28.8, 0.040], [28.8, 0.039], [33, 0.039] ]; var greenData = [ [20, 0.036], [25, 0.033], [30, 0.0328] ]; // ---------- محدوده محورها ---------- var xMin = 5, xMax = 35, xStep = 5; var yMin = 0.025, yMax = 0.060, yStep = 0.005; // ---------- ناحیه رسم ---------- var W = 1000, H = 600; var marginLeft = 118, marginRight = 25, marginTop = 25, marginBottom = 60; var plotW = W - marginLeft - marginRight; var plotH = H - marginTop - marginBottom; function xPix(x){ return marginLeft + (x - xMin) / (xMax - xMin) * plotW; } function yPix(y){ return marginTop + (1 - (y - yMin) / (yMax - yMin)) * plotH; } function toPath(points){ return points.map(function(p, i){ return (i === 0 ? 'M' : 'L') + xPix(p[0]).toFixed(2) + ',' + yPix(p[1]).toFixed(2); }).join(' '); } // ---------- رسم شبکه و محورها ---------- var gridV = document.getElementById('tcGridV'); var gridH = document.getElementById('tcGridH'); var axis = document.getElementById('tcAxis'); var labelsX = document.getElementById('tcAxisLabelsX'); var labelsY = document.getElementById('tcAxisLabelsY'); for (var x = xMin; x <= xMax; x += xStep) { var lv = document.createElementNS('http://www.w3.org/2000/svg', 'line'); lv.setAttribute('x1', xPix(x)); lv.setAttribute('x2', xPix(x)); lv.setAttribute('y1', marginTop); lv.setAttribute('y2', H - marginBottom); gridV.appendChild(lv); var tx = document.createElementNS('http://www.w3.org/2000/svg', 'text'); tx.setAttribute('x', xPix(x)); tx.setAttribute('y', H - marginBottom + 34); tx.setAttribute('text-anchor', 'middle'); tx.setAttribute('class', 'tc-axis-label'); tx.textContent = x; labelsX.appendChild(tx); } var yValues = []; for (var y = yMin; y <= yMax + 1e-9; y += yStep) yValues.push(Math.round(y*10000)/10000); yValues.forEach(function(yv){ var lh = document.createElementNS('http://www.w3.org/2000/svg', 'line'); lh.setAttribute('x1', marginLeft); lh.setAttribute('x2', W - marginRight); lh.setAttribute('y1', yPix(yv)); lh.setAttribute('y2', yPix(yv)); gridH.appendChild(lh); // اعداد محور عمودی، کاملا بیرون از ناحیه نمودار (سمت چپ محور) var ty = document.createElementNS('http://www.w3.org/2000/svg', 'text'); ty.setAttribute('x', marginLeft - 22); ty.setAttribute('y', yPix(yv) + 6); ty.setAttribute('text-anchor', 'end'); ty.setAttribute('class', 'tc-axis-label'); ty.textContent = yv.toFixed(4); labelsY.appendChild(ty); }); // محورهای اصلی (پررنگ‌تر) var xAxisLine = document.createElementNS('http://www.w3.org/2000/svg', 'line'); xAxisLine.setAttribute('x1', marginLeft); xAxisLine.setAttribute('x2', W - marginRight); xAxisLine.setAttribute('y1', H - marginBottom); xAxisLine.setAttribute('y2', H - marginBottom); axis.appendChild(xAxisLine); var yAxisLine = document.createElementNS('http://www.w3.org/2000/svg', 'line'); yAxisLine.setAttribute('x1', marginLeft); yAxisLine.setAttribute('x2', marginLeft); yAxisLine.setAttribute('y1', marginTop); yAxisLine.setAttribute('y2', H - marginBottom); axis.appendChild(yAxisLine); // عنوان محور عمودی (چرخیده) - کاملا بیرون، سمت چپ اعداد var yTitle = document.getElementById('tcYTitle'); var titleX = 20; var titleY = marginTop + plotH / 2; yTitle.setAttribute('x', titleX); yTitle.setAttribute('y', titleY); yTitle.setAttribute('transform', 'rotate(-90 ' + titleX + ' ' + titleY + ')'); yTitle.textContent = 'ضریب هدایت حرارتی (وات بر متر بر درجه کلوین)'; // ---------- مسیر خطوط ---------- var pathBlue = document.getElementById('tcPathBlue'); var pathGreen = document.getElementById('tcPathGreen'); pathBlue.setAttribute('d', toPath(blueData)); pathGreen.setAttribute('d', toPath(greenData)); // ---------- نقاط ---------- function addDots(container, points, cls){ points.forEach(function(p){ var c = document.createElementNS('http://www.w3.org/2000/svg', 'circle'); c.setAttribute('cx', xPix(p[0])); c.setAttribute('cy', yPix(p[1])); c.setAttribute('r', 7); c.setAttribute('class', cls); container.appendChild(c); }); } addDots(document.getElementById('tcDotsBlue'), blueData, 'tc-dot-blue'); addDots(document.getElementById('tcDotsGreen'), greenData, 'tc-dot-green'); // ---------- ناحیه‌ی کلیپ هر خط (بر اساس بازه‌ی افقی خودش) ---------- var pad = 16; // حاشیه برای شعاع نقاط و ضخامت خط var clipTop = marginTop - pad; var clipHeight = plotH + pad * 2; var blueX0 = xPix(7) - pad; var blueX1 = xPix(33) + pad; var greenX0 = xPix(20) - pad; var greenX1 = xPix(30) + pad; var rectBlue = document.getElementById('tcClipRectBlue'); var rectGreen = document.getElementById('tcClipRectGreen'); [rectBlue, rectGreen].forEach(function(r){ r.setAttribute('y', clipTop); r.setAttribute('height', clipHeight); }); function setRect(rect, x, width){ rect.setAttribute('x', x); rect.setAttribute('width', Math.max(0, width)); } // حالت اولیه: هر دو خط پنهان setRect(rectBlue, blueX0, 0); setRect(rectGreen, greenX0, 0); // ---------- ابزار تِوین با requestAnimationFrame ---------- function easeInOutQuad(t){ return t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2; } function tween(duration, onUpdate, onComplete){ var start = null; function step(ts){ if (start === null) start = ts; var elapsed = ts - start; var p = Math.min(1, elapsed / duration); onUpdate(easeInOutQuad(p)); if (p یک ثانیه توقف، سپس پاک شدن هم‌زمان از چپ setTimeout(function(){ eraseLine(rectBlue, blueX0, blueX1, DUR_ERASE, function(){}); eraseLine(rectGreen, greenX0, greenX1, DUR_ERASE, function(){ // بلافاصله شروع دوباره‌ی رسم (لوپ بدون وقفه) runCycle(); }); }, HOLD_AFTER_DRAW); }); }, GREEN_START_DELAY); } // ---------- اجرای انیمیشن هنگام ورود به دید ---------- var started = false; function startIfNeeded(){ if (started) return; started = true; runCycle(); } if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries){ entries.forEach(function(entry){ if (entry.isIntersecting) { startIfNeeded(); observer.disconnect(); } }); }, { threshold: 0.3 }); observer.observe(wrap); } else { startIfNeeded(); } })();