/* Legend(omega_color, {
title: "dN/dS",
color: {
type: "sqrt",
reverse: true
},
tickFormat: ".2"
}) */
/* canvas = {
const h = filtered_sims.length;
if (h) {
const w = 300;
const R = 2;
const context = DOM.context2d(w*R*2, 2*h*R, 1);
for (let i = 0; i < h; i++) {
let from = 0.;
let to = filtered_sims[i].p1_t;
context.fillStyle = omega_color (filtered_sims[i].w1_t);
context.fillRect( from*w*R, i*2*R, R*(to-from)*w, R );
from = to;
to += filtered_sims[i].p2_t;
context.fillStyle = omega_color (filtered_sims[i].w2_t);
context.fillRect( from*w*R, i*2*R, R*(to-from)*w, R );
from = to;
to += filtered_sims[i].p3_t;
context.fillStyle = omega_color (filtered_sims[i].w3_t);
context.fillRect( from*w*R, i*2*R, R*(to-from)*w, R );
from = 0.;
to = filtered_sims[i].p1_b;
context.fillStyle = omega_color (filtered_sims[i].w1_b);
context.fillRect( from*w*R, i*2*R + R, R*(to-from)*w, R );
from = to;
to += filtered_sims[i].p2_b;
context.fillStyle = omega_color (filtered_sims[i].w2_b);
context.fillRect( from*w*R, i*2*R + R , R*(to-from)*w, R );
from = to;
to += filtered_sims[i].p3_b;
context.fillStyle = omega_color (filtered_sims[i].w3_b);
context.fillRect( from*w*R, i*2*R + R , R*(to-from)*w, R );
}
return context.canvas;
}
return DOM.context2d(1,1,1).canvas;
} */
/* validateValue = (t)=> {
console.log (t.value);
let tt = parseFloat (t.value);
if (tt >= 0 && tt <= 1) return true;
return false;
} */
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.
