Plot the Dgraph Output

Users Dgraph
1

Hi,

I am using Dgraph Server in order to fetch the output of the given query. I would like to know how to plot the graphs into my existing web-app. Is there any library which can consume the dgraph output and plot the graphs (similar to ratel)?

For fetching the data from the Dgraph server I am using PyDgraph.

Can anyone help me on this part.

@amanmangal

Thanks

2

There is no specific library for you to use to view graphs from Dgraph. Or you’ll need to create a graph view or look for an open source project. There is few projects out there in Github that you could use. Most projects you will need to treat the results before you use them. Even in Ratel we treat the data first.

3

Can you please share up the links. I guess many people must have used it. It would be great of you share those links as well.

Appreciate your time.
Thanks.

4

I think Ratel uses d3 (https://d3js.org/) for the graph visualization but I’m sure @paulftw can confirm

5

Ratel is indeed using d3js.org for graph rendering.
It’s most likely a slightly outdated overkill for your use case, but Ratel has long list of requirements.

Previously we used vis.js but that library is no longer maintained.

Sadly there aren’t many graph visualization libraries, or at least not as many options as for bar or line charts.

I’d look into http://js.cytoscape.org/ or paperjs if I were starting a visualization project from scratch.
If you share specifics of the data you need to display I can try to think of a better alternative.
Is it simply nodes and edges? Are there any regularities you need shown, what interactions do your users need? (selecting, dragging, adding/removing pieces). Do you know where your nodes must be placed on the page or would library need to decide that?

6

Thanks @paulftw. Actually for the nodes to display along with the edges which and graph library can do. I am more concert about the expanding of the nodes when we double click on it. I want that feature which is there in ratel-ui

Thanks

7

Cytoscape has expand-collapse and so does d3js
In Ratel this code is quite dependent on our in-house graph parser: handleExpandNode