Rendering - ThoseGrapefruits/dataface GitHub Wiki
The graph rendered in the background of the example app is the actual graph of the database, making this a handy example. It uses the D3 JavaScript library to render using JS + SVG.
The current setup uses the fun jiggly physics-enabled graph rendering setup that a lot of D3 projects use, but it looks like that can be turned off fairly easily. After overriding the styles and providing absolute points on which to render the faces (looks like D3 uses either x
and y
or cx
and cy
depending on whether the force-enabled graph is used), we should be able to utilise this library without much effort.
Here's a nice example JSFiddle of how to do this.