Public
Edited
Aug 2, 2022
1 fork
7 stars
{
let cp = getCreasePattern(n, nrows, rotation, spirality);
let data = [
{
mode: "lines",
name: "quad",
type: "scatter",
x: cp.quads.x,
y: cp.quads.y,
line: { color: "blue", width: 1 }
},
{
mode: "lines",
name: "diagonal",
type: "scatter",
x: cp.diags.x,
y: cp.diags.y,
line: { color: "red", width: 1 }
}
];
let layout = {
title: n + "|" + rotation + "|" + spirality,
xaxis: { visible: false },
yaxis: {
visible: false,
scaleanchor: "x"
},
showlegend: false,
hovermode: false
};
const config = {
scrollZoom: true,
responsive: true,
toImageButtonOptions: {
format: "svg", // one of png, svg, jpeg, webp
filename: "fuse-" + n + "_" + rotation + "_" + spirality
},
displayModeBar: true
};
const div = DOM.element("div");
Plotly.newPlot(div, data, layout, config);
return div;
}
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.
