Published
Edited
Jul 1, 2019
2 forks
5 stars
// In Observable, we really don't want the fullScreenRenderer that all examples use
// this wraps it into a container
viewof fullScreenRenderer = {
const view = html`<div></div>`;
yield view;
view.value = vtk.Rendering.Misc.vtkFullScreenRenderWindow.newInstance({
rootContainer: view,
containerStyle: { width: `${width}px`, height: "600px" }
});
}
vtk = require("vtk.js").then(() => window.vtk)
render = {
var actor = vtk.Rendering.Core.vtkActor.newInstance();
var mapper = vtk.Rendering.Core.vtkMapper.newInstance();
actor.setMapper(mapper);
mapper.setInputConnection(cone.getOutputPort());
var renderer = fullScreenRenderer.getRenderer();
renderer.addActor(actor);
renderer.resetCamera();
return fullScreenRenderer.getRenderWindow().render;
}
cone = vtk.Filters.Sources.vtkConeSource.newInstance()
{
cone.setResolution(resolution);
render();
}
d3 = require("d3@5")
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.
