2c:null 2d:["$","title",null,{"children":"Case Study(TIME2) | llqsee | Observable"}] 32:T4ed,{ // const rows = await csv( // 'https://raw.githubusercontent.com/plotly/datasets/master/3d-scatter.csv' // ); debugger; var data = test.dataNewAttribute.filter((d) => d.color != null); debugger; var trace1 = { x: unpack(data, "S"), y: unpack(data, "T"), z: unpack(data, "Time"), mode: "markers", marker: { size: 5, color: unpack(data, "color"), line: { color: "black", width: 15 } // opacity: 0.8 }, type: "scatter3d" }; debugger; // var trace2 = { // x: unpack(rows, 'x2'), // y: unpack(rows, 'y2'), // z: unpack(rows, 'z2'), // mode: 'markers', // marker: { // color: 'rgb(127, 127, 127)', // size: 12, // symbol: 'circle', // line: { // color: 'rgb(204, 204, 204)', // width: 1 // }, // opacity: 0.8 // }, // type: 'scatter3d' // }; var data = [trace1]; var layout = { width: width, height: width, margin: { l: 0, r: 0, b: 0, t: 0 }, scene: { xaxis: { title: "S" }, yaxis: { title: "T" }, zaxis: { title: "Time" } } }; const div = DOM.element("div"); Plotly.newPlot(div, data, layout); return div; }33:Tef7,function fullscreen({ className = 'custom-fullscreen', style = null, breakLayoutAtCell = 1, hideAfter = 2, hideBefore = 1, left = 0, right = 100, button } = {}) { //WORK INITIALLY FROM @mootari/fullscreen-layout-demo //THEN ADAPTED IN @severo/two-columns-layout-in-fullscreen-mode function hide({ hideAfter = Infinity, hideBefore = 0, reset = false } = {}) { let cells = document.getElementsByClassName('observablehq'); for (let i = 0; i < cells.length; i++) { if ((i < hideBefore || i > hideAfter) && !reset) cells[i].style.display = "none"; else cells[i].style.display = "block"; } // console.log("Hide", cells); return cells; } // Superfluous bling. const buttonStyle = style != null ? style : 'font-size:1rem;font-weight:bold;padding:8px;background:hsl(50,100%,90%);border:5px solid hsl(40,100%,50%); border-radius:4px;box-shadow:0 .5px 2px 1px rgba(0,0,0,.2);cursor: pointer'; button = button || html`