Vis-a-vis is a standalone and self-contained HTML5 widget, written in the $mol framework and based on the D3 and Plotly libs.

Supports the following plot types (see examples folder):

• bar
• cube
• scatter and customscatter
• discovery
• eigenplot
• graph
• heatmap
• matrix
• phase diagram
• pie

All the plot types being visualized must conform the following spec:

This is currently supported by various MPDS online products.

Vis-a-vis exists in two realizations: standalone application called app and embeddable web component called plot.

• node -v >= 15
• npm -v >= 7

Note that, unlike many other frontend frameworks, $mol provides the same single environment for all its projects, under the standard namespace scheme. That is, all your $mol-based code lives inside some directory $MOL_HOME. So if you don't have $MOL_HOME yet, create it and navigate there:

Run $mol MAM server (MAM stands for the $mol abstract modules) inside your $MOL_HOME:

Use a link to run the standalone Vis-a-vis application app with the hot reload support: http://localhost:9080/mpds/visavis/app/-/test.html

See also the mpds-visavis-plot web component description.

Build the standalone application app at mpds/visavis/app/- using:

Build the embeddable web component plot at mpds/visavis/plot/-/web.js using:

app - the main $mol app

elements - Vis-a-vis elemental properties and constants

examples - Vis-a-vis supported data samples, see also plots on MPDS platform

lib - external libraries bundled

plot - plot types + embeddable web component implementation

plotly - Plotly library embedding description

MIT (c) by HYOO Guild (Pavel Zubkov, standonarise, and Dmitriy Karlovskiy) and Tilde Materials Informatics (Evgeny Blokhin)