Fastest plot lib for vector graphics.
npm install mol_plot_allimport {
$mol_plot_pane,
$mol_plot_map_heat,
$mol_wire_atom,
} from 'mol_plot_all'
// constants
const width = 20;
const height = 200;
const length = width * height;
// prepare heat map graph
const map = new $mol_plot_map_heat();
map.series_x = () => Array.from({ length }, (_, i) => i % width);
map.series_y = () => Array.from({ length }, (_, i) => Math.floor(i / width));
// make observable atom
const source = new $mol_wire_atom( 'source', ()=> {
// enforce update data every second
setTimeout( ()=> source.absorb(), 1000 )
// generate series
return Array.from({ length }, (_, i) => Math.floor(Math.random() * 20) * 1000)
} )
// connect dynamic provider with graph
map.series_z = () => source.sync()
// prepare pane for graphs
const pane = new $mol_plot_pane();
// connect zoom with Y axis
pane.zoom = next => pane.scale_y( next )
// provide graphs to map
pane.graphs = () => [map];
// place pane to document
document.body.appendChild(pane.dom_node());
// activate dynamic behaviour
const alive = pane.autorun()
// deactivate
// alive.destructor()