Points on CanvasQuartz and Feldspar (Emissivity)Multiple Splines-2Blackbody vs Real Body Emissivity PowerDual Function Smart Window (Absorptivity)Emissivity vs. Wavelength of Different MaterialsReflectivity vs. Wavelength of Different MaterialsTransmissivity vs. Wavelength of Different MaterialsChromophore graphRadiation: Processes and PropertiesMultiple Materials Step Plot
Multiple Splines
data = {
const allData = (d3.csvParse(await FileAttachment("12.22_reflectivity@3.csv").text(), d3.autoType))
.map(({ Reflectivity, Wavelength, Material}) => ({Material, iso: Material, Property_name: "Reflectivity", Property: Reflectivity, Wavelength: Wavelength }))
return [
allData.filter(({ iso }) => iso === 'Fused quartz over aluminum substrate'),
allData.filter(({ iso }) => iso === 'Stainless steel, as received, dull'),
allData.filter(({ iso }) => iso === 'White paint'),
allData.filter(({ iso }) => iso === 'Aluminum evaporated film'),
allData.filter(({ iso }) => iso === 'Snow'),
allData.filter(({ iso }) => iso === 'Human skin, Caucasian'),
allData.filter(({ iso }) => iso === 'Red brick'),
allData.filter(({ iso }) => iso === 'Black paint'),
]
}
yScale = {
return d3.scaleLinear(
[ 0, 1 ],
[ height - margin.bottom, margin.top ]
)
}
logFormat10 = xScale.tickFormat(30, "")
xScale.ticks(10).map(logFormat10)
xAxis = d3.axisBottom(xScale.copy().range([margin.left, width-margin.right])).tickFormat(logFormat10)
yAxis = d3.axisLeft(yScale)
line = d3.line()
.x(d => xScale(d.Wavelength))
.y(d => yScale(d.Property))
.curve(d3.curveBasis)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
