@data-story-org/gui

Visual programming | Process design | Workflows | ETL | Data manipulation

:pointright: This repo provides the _gui for DataStory. See also:

data-story-org/core

data-story-org/x-to-y

Demo

Installation and usage in react app

yarn add @data-story-org/gui

import { DataStory } from '@data-story-org/gui';
import '@data-story-org/gui/lib/styles/app.css';

const someComponent = () => {
  return <DataStory />;
};

⚠️ Using React.StrictMode with data-story-org/gui in development mode will provoke a lot of useless errors see projectstorm/react-diagrams#598

as temporally fix you can either disable React.StrictMode or enable it only for production builds

Development

See contributing for setuping seamless development environment for core and gui.

Hotkeys

Hotkey	Action
ALT+D	Go to diagram
ALT+J	Go to diagram JSON
ALT+PLUS	Add node
ALT+R	Run diagram