Published
Edited
Apr 8, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
spectrum
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
q1_lemon
Insert cell
md `**1. The absorption spectrum of the surface of vanta black (vanta black is the blackest black in the world):**`
Insert cell
q2_vantablack
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
q2_solarpanel
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {multipleSpline as blackbody_real_e}
with {data_blackbody_real_e as data}
from "@harshtyagi/multiple-splines-2"

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {drawGraph as q1_lemon}
with {data_q1_lemon as pathCoordinates, type_q1 as type}
from "@harshtyagi/closest-point-along-a-path-mark-iii"
Insert cell
import {drawGraph2 as q2_vantablack}
with {data_q2_vantablack as pathCoordinates, type_q1 as type}
from "@harshtyagi/closest-point-along-a-path-mark-iii"
Insert cell
import {drawGraph as q2_solarpanel}
with {data_q2_solarpanel as pathCoordinates, type_q2 as type}
from "@harshtyagi/closest-point-along-a-path-mark-iii"
Insert cell
import {spectrum as spectrum}
from "@harshtyagi/electromagnetic-spectrum"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
options_2 = ({
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 | '<img src="/static/icons/reset.png" width="20">',
customIcons: []
},
autoSelected: 'zoom'
},
},
dataLabels: {
enabled: false
},
legend: {
show: true
},
colors: ['#D9EB4B', '#535EEB', '#00218A', '#F21A1D', '#FF822E', '#FF2079'],
markers: {
size: 5,
style: 'full',
},
stroke: {
curve: 'straight' //straight //stepline
},
series: series_2,
annotations: {
xaxis: [
{
x: .4,
x2: .7,
fillColor: '#9370DB',
label: {
text: 'Visible spectrum'
}
}
] },
xaxis: {
min: 0,
max: 20,
type: 'integer',
tickAmount: 8,
title: {
text: "Wavelength (in μm)",
offsetX: -5,
offsetY: 0,
style: {
color: "#222222",
fontSize: '15px',
fontFamily: 'Helvetica',//, Arial, sans-serif',
fontWeight: 600,
cssClass: 'apexcharts-yaxis-title',
},
},
yaxis: {
min: 0,
max: 1,
tickAmount: 10,
title: {
text: "Emissivity",
offsetX: -5,
offsetY: 0,
style: {
color: "#222222",
fontSize: '15px',
fontFamily: 'Helvetica',//, Arial, sans-serif',
fontWeight: 600,
cssClass: 'apexcharts-yaxis-title',
},
},
tooltip: {
enabled: true,
custom: function({_, seriesIndex, dataPointIndex, w}) {
return `<div class="arrow_box">
<h2>${series_2[seriesIndex].data[dataPointIndex].title}</h2>
<p>Wavelength: ${series_2[seriesIndex].data[dataPointIndex].comment_1} μm</p>
<p>Emissivity: ${series_2[seriesIndex].data[dataPointIndex].comment_2}</p>
</div>`
}
}
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data_q1_lemon = [[200, 0], [500, 0], [570, 1], [630, 0], [700, 0], [800, 0]]
Insert cell
Insert cell
Insert cell
data_q2_solarpanel = [[200, 0], [450,0], [500, 1], [550, 0], [700,0], [900,0]]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more