Published
Edited
Apr 16, 2019
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
container = html`<div style="width:310px;height:800px;position:relative;top:0;right:0;bottom:0;left:0;margin:auto;"></div>`;

Insert cell
Insert cell
Insert cell
{
let instance = LexiconMonoSeq(container,{parallelRendering:5});
instance.registerType(
"g1",
{
" ":"#ffffff",
".":"#22ee00",
":":"#0022ee",
"'":"#aa00aa",
"+":"#ee2200",
"#":"#ee22ee",
"`":"#00ee22",
";":"#22cc22",
",":"11dd11",
"@":"#aabbcc"
},
"rgba(0,0,0,0.9)"
);
instance.painters.forEach(function(d,i){
d.duration = 100 + Math.random()*100;
d.ease = this[Math.random() * 2 | 0];
d.nodeLimit = ~~(10 + Math.random() * 30);
},[instance.constructor.prototype.ease,instance.constructor.prototype.easeElastic]);
instance.displayPadding = 0.1; //default is 0.2
//Allow sequences to be created, then fire up
function morph(){
instance.update(
JSON.parse(window.atob(shapes[shapes.length * Math.random() | 0])),
{labels:false}
);
setTimeout(morph,6000);
}
morph();
return instance;
}
Insert cell

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.
Learn more