Support for database diagram

Okay, so here’s the idea which I’ll try to implement (as it is one of features my mentor requests me to do, and I guess it would be really nice one to have!). I was thinking of making database diagramming component which would produce database visualization based on database tables, views and their references (primary and foreign keys! -> this will need some smaller extension of back-end API). The idea is to spit out simple HTML tables connected with related tables. Furthermore, user would be able to reopen diagram once it’s already generated (so some simple JSON with coordinates would be created upon generating diagram). I was searching around for suitable library and found JointJS and JS-graph-it to be probably the best choice for this use case. Both mentioned libraries have things we need - simple API, connecting custom HTML elements (which would be our tables/views), draggable nodes and connections. Of course, if anyone has better library to propose, please do.

TL;DR: I’ll try to build support for creating database diagrams and storing them so user can reopen already existing diagrams.

EDIT: Think I’ll go with JointJS as it is hosted on npm, supports nesting children elements inside of a parent (i.e. each table is a parent element with sub elements for each attribute), offers a rich API and supports graph export to JSON and reading it from JSON, so persisting the graph object should be trivial.

[BornaP]

Since the feature was implemented with #189 and further enhanced with #192 , #194 ,#195 and #198 , I’ll close the issue. Further enhancements or possible bugs should be discussed in their own issues.

[joeblew99]

i wil try it out.