Nucleic Photon Magnetizer

    diagram-js-minimap

    2.1.1 • Public • Published

    diagram-js Minimap

    Build Status

    A minimap for diagram-js.

    Minimap

    Features

    • See the whole diagram in the minimap
    • Highlight current viewport
    • Click/drag/scroll the minimap to navigate the diagram

    Usage

    Extend your diagram-js application with the minimap module. We'll use bpmn-js as an example:

    import BpmnModeler from 'bpmn-js/lib/Modeler';
    
    import minimapModule from 'diagram-js-minimap';
    
    var bpmnModeler = new BpmnModeler({
      additionalModules: [
        minimapModule
      ]
    });

    For proper styling integrate the embedded style sheet:

    <link rel="stylesheet" href="diagram-js-minimap/assets/diagram-js-minimap.css" />

    Please see this example for a more detailed instruction.

    License

    MIT

    Install

    npm i diagram-js-minimap

    DownloadsWeekly Downloads

    6,147

    Version

    2.1.1

    License

    MIT

    Unpacked Size

    123 kB

    Total Files

    10

    Last publish

    Collaborators

    • skaiir-camunda
    • marstamm
    • beatrizmendes
    • bpmn-io-admin
    • nikku
    • pinussilvestrus
    • barmac
    • philippfromme
    • maxtru