Edge between two edges (or node and edge), edges inside nodes/edges (recursive encapsulation)

I`m working on project (https://github.com/Konard/LinksPlatform) that uses associative model of data. For example this platform (as database) allows to store egdes between edges. And there is no difference between edges and nodes, all are links (pairs of references to other two links - source & target). Also because link consists of two links this creates a fractal which can be used to store sequences or entire graphs (networks) insite one link.

So my question is it possible to visualize something like this using cytoscape.js ? And if not, is it easy to extend/modify cytoscape.js for that task?

Node to node, node to edge:

Node to node, node to edge, edge to edge:

Sequence, fractal, recursive encapsulation:

I actually tried to change example (http://jsbin.com/gist/5b192c88616af2f75344) like this:

edges: [
      { data: { id: 'ad', source: 'a', target: 'd' } },
      { data: { id: 'eb', source: 'e', target: 'b' } },
      { data: { id: 'adeb', source: 'ad', target: 'eb' } } // Added this edge
    ]

But added edge didn`t show up.

[jri]

I’ve created a Cytoscape extension that allows edges to be connected to other edges, according to the Associative Model of Data:
https://github.com/jri/cytoscape-edge-connections

[jri]

@maxkfranz talks about graph model. @Konard talks about associative model, which is inherently different. Although I’m a Cytoscape.js user myself and looking for a visualization/interaction solution for the associative model too, Cytoscape.js might not be the proper foundation for that.