Published
Edited
Apr 25, 2019
1 fork
1 star
Insert cell
Insert cell
{
const div = html`<div style="height:400px;">`;
yield div;
// Create NGL Stage object
const stage = new NGL.Stage(div);
// Code for example: color/bfactor
stage.loadFile("rcsb://1blu.mmtf").then(o => {
o.addRepresentation("cartoon", {color: "bfactor"});
o.autoView();
});
}
Insert cell
NGL = require("ngl@2.0.0-dev.32/dist/ngl.js")
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