Graph Visualization Library in JavaScript (RPM)

Source: Internet
Author: User

Graph Visualization Library in JavaScript

I ' ve just put together what's be looking for:http://www.graphdracula.net

It ' s JavaScript with directed graph layouting, SVG and can even drag the nodes around. Still needs some tweaking, but is totally usable. You create nodes and edges easily with JavaScript code like this:

var g = new Graph();g.addEdge("strawberry", "cherry");g.addEdge("cherry", "apple");g.addEdge("id34", "cherry");

I used the previously mentioned Raphael JS library (the graffle example) plus some code for a force based graph layout ALG Orithm I found on the net (everything open source, MIT license). If you had any remarks or need a certain feature, I may implement it, just ask!

Want to has a look at other projects, too! Below is meta-comparisons:

    • Socialcompare has a extensive list of libraries, and the "Node/edge graph" line would filter for graph visualization One S.

    • DATAVISUALIZATION.CH has evaluated many libraries, including node/graph ones. Unfortunately there ' s no direct link so you'll have the to filter for "graph":

Here's a list of similar projects (some has been already mentioned here):

Pure JavaScript Libraries
  • Vis.js supports many types of network/edge graphs, plus timelines and 2d/3d charts. Auto-layout, auto-clustering, springy physics engine, mobile-friendly, keyboard navigation, hierarchical layout, Animation etc. MIT licensed and developed by a Dutch firm specializing in the on self-organizing networks.

  • Cytoscape.js-interactive graph analysis and visualization with mobile support, following jQuery conventions. Funded via NIH grants and developed by @maxkfranz (see he answer below) with help from several universities and other Organizations.

  • The JavaScript Infovis Toolkit-jit, an interactive, multi-purpose graph drawing and layout framework. See for example the hyperbolic Tree. Built by Twitter DataViz architect Nicolas Garcia Belmonte and bought by Sencha in 2010.

  • D3.js Powerful multi-purpose JS Visualization library, the successor of Protovis. See the Force-directed graph example, and other graph examples in the gallery.

  • Sigma.js Lightweight but powerful library for drawing graphs

  • Jsplumb JQuery plug-in for creating interactive connected graphs

  • Springy-a force-directed Graph Layout algorithm

  • Processing.js Javascript Port of the processing library by John Resig

  • JS Graph it-drag ' n ' drop boxes connected by straight lines. Minimal Auto-layout of the lines.

  • Raphaeljs ' s graffle-interactive graph example of a generic multi-purpose vector drawing library. Raphaeljs can ' t layout nodes automatically; You'll need another library for that.

  • Jointjs core-david Durman ' s mpl-licensed open source diagramming library. It can be used to create either static diagrams or fully interactive diagramming tools and application builders. Works in browsers supporting SVG. Layout algorithms not-included in the core package

Commercial libraries
    • Gojs Interactive graph drawing and layout library

    • YFiles for HTML Commercial graph drawing and layout library

    • Mxgraph Commercial HTML 5 diagramming library with support for older browsers

    • Keylines Commercial JS Network visualization Toolkit

    • Data visualization Software Lab commercial multi-purpose Visualization Library

Abandoned libraries
    • Cytoscape Web embeddable JS Network Viewer (no new features planned; succeeded by Cytoscape.js)

    • Canviz JS renderer for Graphviz graphs. Abandoned in Sep 2013.

    • Arbor.js sophisticated graphing with nice physics and Eye-candy. Abandoned in May 2012. Several semi-maintained forks exist.

    • Jssvggraph "The simplest possible force directed graph layout algorithm implemented as a Javascript library that uses SVG Objects ". Abandoned in 2012.

    • Jsdot Client Side Graph drawing application. Abandoned in 2011.

    • Protovis graphical Toolkit for visualization (JavaScript). Replaced by D3.

    • Moo Wheel Interactive JS representation for connections and relations (2008)

    • Jsviz 2007-era Graph Visualization Script

    • Dagre Graph layout for JavaScript

Non-javascript Libraries
    • Graphviz Sophisticated Graph Visualization language

    • Flare Beautiful and powerful Flash based graph drawing

    • Nodebox Python Graph Visualization

Src:http://stackoverflow.com/questions/7034/graph-visualization-library-in-javascript

Graph Visualization Library in JavaScript (RPM)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.