31:T524,CIE_plot = Plot.plot({ inset: 20, grid: true, height: 450, width: 750, x: {label: "λ (nm) →"}, y: {label: "↑ Amplitude"}, style: { fontSize: "12px" }, marks: [ Plot.ruleY([0]), Plot.ruleX([435.8], {stroke: color_b, strokeDasharray: "4,3"}), Plot.ruleX([546.1], {stroke: color_g, strokeDasharray: "4,3"}), Plot.ruleX([700], {stroke: color_r, strokeDasharray: "4,3"}), Plot.ruleX([wavelength]), Plot.dot(selection, {x: "wavelength_nm", y: "r", fill: color_r, r: 5}), Plot.dot(selection, {x: "wavelength_nm", y: "g", fill: color_g, r: 5}), Plot.dot(selection, {x: "wavelength_nm", y: "b", fill: color_b, r: 5}), Plot.line(CIE_rgb_5nm, {x: "wavelength_nm", y: "r", curve: "catmull-rom", stroke: color_r}), Plot.line(CIE_rgb_5nm, {x: "wavelength_nm", y: "g", curve: "catmull-rom", stroke: color_g}), Plot.line(CIE_rgb_5nm, {x: "wavelength_nm", y: "b", curve: "catmull-rom", stroke: color_b}), Plot.text(CIE_rgb_5nm, {x: "wavelength_nm", y: "r", text: ["Red (r)"], fill: color_r, dy:-11, dx: 17}), Plot.text(CIE_rgb_5nm, {x: "wavelength_nm", y: "g", text: ["Green (g)"], fill: color_g, dy:13, dx:24}), Plot.text(CIE_rgb_5nm, {x: "wavelength_nm", y: "b", text: ["Blue (b)"], fill: color_b, dy:-11, dx:17}), ] })32:T56c,CIE_rgplot = Plot.plot({ inset: 20, height: 600, width: 730, grid: true, x: { label: "r →" }, y: { label: "↑ g" }, style: { fontSize: "12px" }, marks: [ Plot.image([{ url: CIE_rg_BKG }], { preserveAspectRatio: "none", x:-0.175, y:0.98, height: 512, width: 634, opacity: 0.8, src: "url" }), Plot.ruleX([0]), Plot.ruleY([0]), Plot.dot(selection, {x: 0.333, y: 0.333, marker: "circle-stroke", stroke: "black", fill: "white", r: 5}), Plot.text(CIE_rgb_5nm, {x: 0.333, y: 0.333, text:["E \n(White point)"], dx:0, dy:22}), Plot.dot(selection, {x: "r", y: "g", marker: "circle-stroke", stroke: color_grey, fill: color_dot, r: 8}), Plot.line(CIE_rgb_1nm, {x: "r", y: "g", curve: "catmull-rom"}), Plot.dot(CIE_rgb_5nm, {x: "r", y: "g", marker: "circle-stroke", stroke: "black", fill: "white"}), Plot.text(CIE_rgb_5nm, {filter: d => d.wavelength_nm >= 470 && d.wavelength_nm <=505, x: "r", y: "g", text: d => `${d.wavelength_nm}`, dx:-17, dy:7}), Plot.text(CIE_rgb_5nm, {filter: d => d.wavelength_nm == 510, x: "r", y: "g", text: d => `${d.wavelength_nm}`, dx:-6, dy:-14}), Plot.text(CIE_rgb_5nm, {filter: d => d.wavelength_nm >= 515 && d.wavelength_nm <=600, x: "r", y: "g", text: d => `${d.wavelength_nm}`, dx:16, dy:-8}), ] })33:[{"id":"1bd739ad1427bfa386b94fb5b3d99929277000241d4522f287f3f61650f8f7a378a02aa898cf7ee3c0feb6d556400a708cfc783d5ed6197abda9bb149eccf0cb","href":"https://static.observableusercontent.com/files/1bd739ad1427bfa386b94fb5b3d99929277000241d4522f287f3f61650f8f7a378a02aa898cf7ee3c0feb6d556400a708cfc783d5ed6197abda9bb149eccf0cb","name":"CIE_rgb_1nm.csv","type":"text/csv","lastModified":1655674690120.943,"size":14784},{"id":"0c117902b9583c841a4c8ce2cb822e0de8029836141e08e489201d5c6534a1d70798c244808c5352b52e59f84d7ed342b6059785604d5dff6ed66e712e4944d3","href":"https://static.observableusercontent.com/files/0c117902b9583c841a4c8ce2cb822e0de8029836141e08e489201d5c6534a1d70798c244808c5352b52e59f84d7ed342b6059785604d5dff6ed66e712e4944d3","name":"CIE_rgb_5nm.csv","type":"text/csv","lastModified":1655675372483.941,"size":1936},{"id":"a3a4ddafb6e5ef94c3342497b53d6a353e667fa7fe3583ff63967e6e314e9d87b1aac10e61ff16388b5565eac808b081d0874d336ede36244cdbf484976b1af8","href":"https://static.observableusercontent.com/files/a3a4ddafb6e5ef94c3342497b53d6a353e667fa7fe3583ff63967e6e314e9d87b1aac10e61ff16388b5565eac808b081d0874d336ede36244cdbf484976b1af8","name":"CIE_rg_BKG.png","type":"image/png","lastModified":1655728052971.269,"size":56605}] 2f:{"title":"CIE 1931 rg chromaticity diagram","cells":[{"id":4,"value":"# CIE 1931 *rg* chromaticity diagram\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":374,"value":"

\n The CIE rg chromaticity diagram is built from the\n following r, g, (and b) values that are plotted as a function of the wavelength (λ, nm).\n

\n In this graph, there are three noticeable wavelengths that have been highlighted with vertical dashed lines: These lines correspond to the\n monochromatic primaries with standardized wavelengths of λ_b = 435.8 nm (blue, b=1), \n λ_g = 546.1 nm (green, g=1), and λ_r = 700 nm \n (red, r=1).\n

\n For each colour combination, we have the following relation:\n
\n r + g + b = 1.\n
Therefore, if we provide r and g, the value b becomes redundant and can simply be omitted. \n

","pinned":false,"hidden":false,"mode":"html"},{"id":37,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":446,"value":"viewof selection = Inputs.table(CIE_rgb_1nm.filter(d => d.wavelength_nm == wavelength), {\n columns: [\n \"wavelength_nm\",\n \"r\",\n \"g\",\n \"b\"\n ],\n\n header: {\n wavelength_nm: \"Wavelength (nm)\",\n r: \"Red (r)\",\n g: \"Green (g)\",\n b: \"Blue (b)\"\n },\n \n align: {\n wavelength_nm: \"center\",\n r: \"left\",\n g: \"left\",\n b: \"left\",\n },\n \n width: {\n wavelength_nm: 110,\n r: 60,\n g: 60,\n b: 60,\n },\n\n maxWidth: 700,\n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":615,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":386,"value":"viewof wavelength = Inputs.range([380, 780], {value: 525, step: 1, label: \"Wavelength (nm)\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"\n
\n

CIE rg chromaticity diagram

\n The CIE rg colour space is represented in a diagram where g is plotted as a function of r.\n In the following diagram, the corresponding wavelengths are displayed near their marker.\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":112,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"Inputs.table(CIE_rgb_1nm.filter(d => d.wavelength_nm == wavelength), {\n columns: [\n \"wavelength_nm\",\n \"r\",\n \"g\",\n \"b\"\n ],\n\n header: {\n wavelength_nm: \"Wavelength (nm)\",\n r: \"Red (r)\",\n g: \"Green (g)\",\n b: \"Blue (b)\"\n },\n\n align: {\n wavelength_nm: \"center\",\n r: \"left\",\n g: \"left\",\n b: \"left\",\n },\n \n width: {\n wavelength_nm: 110,\n r: 60,\n g: 60,\n b: 60,\n },\n\n maxWidth: 700,\n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1001,"value":"

\n

Useful reference

","pinned":false,"hidden":false,"mode":"html"},{"id":1003,"value":"Technical note: [Human vision and the CIE chromaticity diagram](http://dx.doi.org/10.13140/RG.2.2.31371.30242), idonus Sàrl, March 2024.\n[DOI: 10.13140/RG.2.2.31371.30242](http://dx.doi.org/10.13140/RG.2.2.31371.30242) \n*Document written by C. Yamahata.*","pinned":false,"hidden":false,"mode":"md"},{"id":291,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":285,"value":"\n\n### Appendix \n### (*data and variables*)","pinned":false,"hidden":false,"mode":"md"},{"id":34,"value":"CIE_rgb_5nm = FileAttachment(\"CIE_rgb_5nm.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":651,"value":"CIE_rgb_1nm = FileAttachment(\"CIE_rgb_1nm.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":715,"value":"CIE_rg_BKG = FileAttachment(\"CIE_rg_BKG.png\").url()","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"color_r = \"#FF2424\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"color_g = \"#70AD47\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":262,"value":"color_b = \"#4472C4\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":844,"value":"color_dot = \"#b935d5\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":837,"value":"color_grey = \"#b0b0b0\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}