Needs intro paragraph

Open Chemistry Web Widgets (Alessandro)

We have created a set of reusable widgets that can be embedded in any web environment, from a React/Vue/Angular single page app, to a JupyterLab extension, to a static HTML page. These widgets are written in TypeScript using Stencil, and upon compilation, they become standard web components (Custom Elements V1) that can be used just like any other HTML tag such as a <div/> or a <img/>.
The core widgets are the <oc-molecule-moljs/> and <oc-molecule-vtkjs/>. These two widgets have a common interface and can be used interchangeably. They take as input a cjson object and a set of parameters to tweak the visualization (such as the isosurface value, the active normal mode, or the ball/stick sizes) and draw on the screen a three dimensional representation of the molecule that the user can interact with. The difference between them is that <oc-molecule-moljs/> uses 3Dmol.js to render the 3D scene, while <oc-molecule-vtkjs/> usesvtk.js.
Features:
Another important widget we developed is the high level <oc-molecule/>. This widget wraps the core  <oc-molecule-moljs/> and <oc-molecule-vtkjs/> and adds a menu so that the user can easily change the visualization parameters interactively: