function arrowx(moreAttrs) {
const attrs = {fill:'none',stroke:'black','stroke-width':2};
Object.assign(attrs,moreAttrs);
const points = [[0,0.2],[0.6,0.2],[0.6,0.4],[1,0],[0.6,-0.4],[0.6,-0.2],[0,-0.2]];
return svgt`<polygon points="${points}" ${attrs}/>`
}
svgtBox(arrowx(),200,200)
{ const smaller = scale(0.7,arrowx());
return svgtBox(g(arrowx({'stroke-width':'1'}),smaller),200,200); }
{ const moved = translate([-0.5,-0.3,0.4],arrowx());
return svgtBox(g(arrowx({'stroke-width':'1'}),moved),200,200); }
{ const arrowy = rotateZ(0.5*Math.PI,arrowx());
return svgtBox(g(arrowx({'stroke-width':'1'}),arrowy),200,200); }
{ const arrowz = rotateY(-0.5*Math.PI,arrowx());
const view = m.lookAt([],[1,1,2],[0,0,0],[0,1,0]);
return svgtBox(transform(view,g(arrowx({'stroke-width':'1'}),arrowz)),200,200); }
m = require('https://bundle.run/@thi.ng/matrices@0.6.34')
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.
