Wondering what’s next for npm?Check out our public roadmap! »

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

    3.1.3 • Public • Published

    🕸 reaflow


    Node-based Visualizations for React


    REAFLOW is a modular diagram engine for building static or interactive editors. The library is feature-rich and modular allowing for displaying complex visualizations with total customizability.

    🚀 Quick Links

    📦 Usage

    Install the package via NPM:

    npm i reaflow --save
    

    Install the package via Yarn:

    yarn add reaflow
    

    Import the component into your app and add some nodes and edges:

    import React from 'react';
    import { Canvas } from 'reaflow';
    
    export default () => (
      <Canvas
        maxWidth={800}
        maxHeight={600}
        nodes={[
          {
            id: '1',
            text: '1'
          },
          {
            id: '2',
            text: '2'
          }
        ]}
        edges={[
          {
            id: '1-2',
            from: '1',
            to: '2'
          }
        ]}
      />
    );

    🔭 Contributing

    See Contributing

    Install

    npm i reaflow

    DownloadsWeekly Downloads

    1,321

    Version

    3.1.3

    License

    Apache-2.0

    Unpacked Size

    306 kB

    Total Files

    62

    Last publish

    Collaborators

    • avatar