https://github.com/inokawa/reagram

React component to render customizable graph/diagram.
https://github.com/inokawa/reagram

dagre diagram dot graph graphviz react svg

Last synced: about 2 months ago
JSON representation

React component to render customizable graph/diagram.

• Host: GitHub
• URL: https://github.com/inokawa/reagram
• Owner: inokawa
• License: mit
• Created: 2020-11-20T03:38:40.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-12-15T17:40:14.000Z (about 1 year ago)
• Last Synced: 2024-11-21T10:50:41.375Z (2 months ago)
• Topics: dagre, diagram, dot, graph, graphviz, react, svg
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/reagram
• Size: 1.31 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# reagram

![npm](https://img.shields.io/npm/v/reagram) ![check](https://github.com/inokawa/reagram/workflows/check/badge.svg) ![demo](https://github.com/inokawa/reagram/workflows/demo/badge.svg)

React component to render customizable graph/diagram.

There are many great ways in JavaScript to create graphs/diagrams, like [mermaid](https://github.com/mermaid-js/mermaid), [JointJS](https://www.jointjs.com/), [@hpcc-js/wasm](https://github.com/hpcc-systems/hpcc-js-wasm#graphviz-graphvizlibwasm) and so on.

However it's difficult to create our own customized UI and update it in data-driven way.

This was made to solve it.

**This is under development.**

## Demo

https://inokawa.github.io/reagram/

## Install

```sh

npm install reagram

```

### Requirements

- react 16.8+

## Usage

TODO