Neutral, Plus or Minus

    mol_plot_all
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.492 • Public • Published

    $mol_plot

    Fastest plot lib for vector graphics.

    Benchmarks

    Real life usages

    NPM usage

    npm install mol_plot_all

    import {
    	$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()

    Online sandbox

    Keywords

    Install

    npm i mol_plot_all

    DownloadsWeekly Downloads

    578

    Version

    1.2.492

    License

    none

    Unpacked Size

    3.75 MB

    Total Files

    28

    Last publish

    Collaborators

    • jin