data-story-org / data-story

29 stars 7 forks source link
diagram hacktoberfest-accepted hacktoberfest2021

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

data-story-org/core

data-story-org/x-to-y

Demo

Installation and usage in react app

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

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

:warning: Using React.StrictMode with data-story-org/data-story 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 data-story.

Hotkeys

Hotkey Action
ALT+D Go to diagram
ALT+I Go to Inspectors
ALT+J Go to diagram JSON
ALT+O open
ALT+PLUS Add node
ALT+R Run diagram
ALT+S save