graph visualize data css or html or jQuery - graph

I am trying to find or build network graph for some data
I have seen disconnect.me graph visualization is great , if anyone tell me what they used to build this I would appropriate it.
an example of disconnect.me attached
enter image description here

For network graph i would prefer to use d3.js
Here is the link about it. The basic
http://christophergandrud.github.io/d3Network/
It's based on javascript, simple to implement and can be used over variety of backends.

Related

Knowledge Graph (Demo) UI using sigma.js?

Are there any beginner-friendly tutorials to display graphs in the way Knowledge graph has been done?
I have the data is JSON format presented from a graphdb
For eg:
The closest I have found so far is Gelphi. Which also can be integrated with unity to produce a 3d Graph like this one https://www.youtube.com/watch?v=h_arRCf73Kg.
Then there is https://cayley.io/
https://n0where.net/opengraphiti-data-visualization-engine/
There is also https://www.maana.io/knowledge-platform/platform-capabilities/#maana-knowledge-graph . However, i have not tried to use/download their platform.
https://en.wikipedia.org/wiki/Force-directed_graph_drawing
Finally, I am working myself on learning unity to build a simple GUI which a user can identify nodes and edges and entities easily and move them around. So instead of just reading from a data base, also write to it through a UI.

Using Cytoscape.js for network visualization in Shiny

I am working on a web project for network visualization. I am writing my code in R using Shiny. And I want to display my graph using Cytoscape.js
I've searched the web for some kind of source code doing this. But I couldn't find anything. The webpage of Cytoscape.js is not enough for me cause I am not expert in js and can't use the examples.
Briefly, I have Adjacency matrix of my graph and want to use it with cytoscpae.js. Do you know any source code or a tutorial of the steps I should go through?
Cytoscape.js supports JSON for input, so as long as your R/Shiny code can produce that, you should be able to use Cytoscape.js. Here's the format described: http://cytoscape.github.io/cytoscape.js/#notation/elements-json
It looks like Shiny has a predefined set of widgets it supports, so there are a few options here:
(1) Shiny adds support for Cytoscape.js (e.g. https://github.com/cytoscape/r-cytoscape.js),
(2) A Cytoscape.js plugin is written for Shiny.
(3) You use JS for at least part of your app.
(1) and (2) will take more time than (3), so depending on your requirements, you may have to bite the bullet and use normal JS. When using a framework like R/Shiny without your own JS, you'll always be locked into whatever's supported and miss whatever's not -- so you lose on flexibility.
For very flexible and general interaction between R and Cytoscape.js, see the RCyjs project (docs)

How do I create a Treemap and depict it through flex?

So basically what I'm trying to do is make something like this:
http://store.kapit.biz/demo/treemap/prod/index.html#
I've searched long and hard to find a site that would show me some pseudocode (at least) or an algorithm as to how to implement this type of application. But everything I find are only applications that take in data and do all the work for me to create the graph. I need to actually create it for myself, just a simple one for now. Does anyone know where I can find this? What I want it to do is take data from a database and use it to create the treemap, then express it in a GUI like in the link above. If any specifics are needed I can provide it. I'm trying to do this in Flash Builder using Flex and using ColdFusion as the backend. Thanks!
Check this out
Axiis is a open source library based on Degrafa that enables you to make complex data visualizations.
Cheers

Graphical representation of data in flex

I am a newbie in flex.
Latest task is to generate a graph or a netwrok based on the data input.
What is the best way to do it. Also when clicked on a node of a network it should show the associated data with that node.
Hope to get some help soon!
Thanks,
Kartik
You need to get a license to flex builder pro to use the Flex Graphing components. You can see what components are available with example code from this link
http://examples.adobe.com/flex3/componentexplorer/explorer.html
Open the data visualization folder to get to the charts.
You could also try:
http://www.fusioncharts.com/

What tool is this - or anyone got an alternative tool

I need to make a very simple drawing of a graph (NOT a chart but a graph, like in Dijkstra) with multiple nodes and multiple vertexes.
I once saw this guy using a tool where he wrote the data in notepad then compiled or something and then he had an svg to view in a browser - to me this should be the simplest tool to draw this graph in. Anyone know what this tool is? Or know a simple, open source/free tool to make simple graphes (need to be able to automatically rearrange it so it looks decent)
Cheers,
Try Graphviz:
http://www.graphviz.org/

Resources