DiagramMaker

It will be a site that permits

1. Create Jsons with "entities" and "links"
2. Set up the settings to make diagrams
3. A React graphical library thats makes diagram based on a Json

Structure

Project will be made using React + Redux, because the variables in the diagram making part should be received from the entity creation part. Presentation will be managed by MaterialUI.

• Tab is a 'string' pointing to the various possible tabs
• Elements represents the nodes of the to-be-diagram and is an array of
  • name, a string
  • entityId, a string uuid
  • imgLink, link to an image on the web
  • styleTypeA, styleTypeB are optional strings to support styles. A applies before B.
• Links represents the links of the to-be-diagram and is an array of
  • id, id for the link
  • entityIdA, entityIdB, UUID's for the entities to be linked
  • styleTypeA, styleTypeB are optional strings to support styles. A applies before B.

Diagram settings:

• Layout
  • Topological (entities are spread from left to right / right to left / etc based on a topological sort )
  • ???
• Directionality (how should the graph bbe oriented. In topological case "from left to right" means that the "first entities" will start from the right)
  • Left To Right
  • Right To Left
  • Up to Down
  • Down to Up
  • ??
• Entities Shape
  • Circle
  • Square
• Link Type
  • Straight
  • Smooth
  • Square

What UI

There are many kinds of components collections. The one I tried (mdbootstrap) is pay-gated for a lot of things, so I'll move to Material UI.