32:T4bf,options = ({ chart: { height: 400, width: 900, toolbar: { show: true, offsetX: 0, offsetY: 0, tools: { download: true, selection: true, zoom: false, zoomin: true, zoomout: true, pan: true, reset: true | '

', customIcons: [] }, autoSelected: 'zoom' }, }, dataLabels: { enabled: false }, legend: { show: true }, markers: { size: 5, style: 'full', }, stroke: { curve: 'straight' //straight //stepline }, series: series, xaxis: { min: 0, max: 20, type: 'integer', tickAmount: 8 }, yaxis: { min: 0, max: 1, tickAmount: 10 }, tooltip: { enabled: true, custom: function({_, seriesIndex, dataPointIndex, w}) { return `

${series[seriesIndex].data[dataPointIndex].title}

Wavelength: ${series[seriesIndex].data[dataPointIndex].comment_1} μm

Emissivity: ${series[seriesIndex].data[dataPointIndex].comment_2}

` } } })33:[] 30:{"title":"Reflectivity vs. Wavelength of Different Materials","cells":[{"id":0,"value":"md`# Reflectivity vs. Wavelength of Different Materials`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"DOM.element('div', { id: 'chart' })","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"md`## Dataset`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"ApexCharts = require('apexcharts@3.7.1/dist/apexcharts.amd.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"function randomInt(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":339,"value":"function generateLine1(count) {\n var series = []\n var x = [1.9, 2.7, 3.5, 5, 5.5, 6.5, 9, 10, 18]\n var y = [.98, .94, .93, .05, .06, .02, .63, .05, .2]\n for (var i = 0; i < count; i++)\n {\n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"function generateLine2(count) {\n var series = []\n var x = [.3, 2, 17]\n var y = [.35, .65, .81]\n for (var i = 0; i < count; i++)\n {\n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":388,"value":"function generateLine3(count) {\n var series = []\n var x = [.36, .55, 1.4, 1.65, 1.8, 2.7, 2.8, 3.5, 5, 7, 16.5]\n var y = [.87, .91, .87, .8, .81, .36, .37, .05, .13, .04, .04]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":392,"value":"function generateLine4(count) {\n var series = []\n var x = [.13, .28, .8, 1, 14]\n var y = [.84, .93, .85, .96, .99]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":396,"value":"function generateLine5(count) {\n var series = []\n var x = [.24, .27, .35, .5, .9, 1, 1.15, 1.2, 1.25, 1.5, 1.8, 2, 2.4, 3]\n var y = [.24, .25, .22, .93, .8, .65, .7, .5, .52, .03, .14, .04, .09, .03]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":401,"value":"function generateLine6(count) {\n var series = []\n var x = [.3, .37, .4, .5, .55, .7, .75, .8, .95, 1.1, 1.2, 1.3, 1.6, 2.8]\n var y = [.11, .24, .2, .36, .35, .63, .6, .63, .48, .51, .44, .46, .1, .15]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":411,"value":"function generateLine7(count) {\n var series = []\n var x = [.4, 1.3, 2, 2.7, 3.1, 3.4, 4, 6, 7, 8, 9, 10, 11, 20]\n var y = [.1, .7, .66, .23, .25, .18, .6, .35, .18, .2, .11, .11, .09, .05]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":413,"value":"function generateLine8(count) {\n var series = []\n var x = [.25, 1, 1.5, 2, 20]\n var y = [.03, .04, .03, .05, .045]\n for (var i = 0; i < count; i++)\n { \n series.push({\n x: x[i], \n y: y[i],\n title: `Point ${i+1}`,\n comment_1: x[i],\n comment_2: y[i]\n })\n }\n return series\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"md`## Data and options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"series = [{\n name: \"Fused quartz\",\n data: generateLine1(9)\n}, {\n name: \"Stainless steel\",\n data: generateLine2(3)\n}, {\n name: \"White paint\",\n data: generateLine3(11)\n}, {\n name: \"Aluminum\",\n data: generateLine4(5)\n}, {\n name: \"Snow\",\n data: generateLine5(14)\n}, {\n name: \"Human skin (Caucasian)\",\n data: generateLine6(14)\n}, {\n name: \"Red brick\",\n data: generateLine7(14) \n}, {\n name: \"Black paint\",\n data: generateLine8(5)\n}]","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":188,"value":"md`## Generate chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"chart = new ApexCharts.default(\n document.querySelector(\"#chart\"),\n options\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"chart.render()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}