Graph visualization library in JavaScript (转)
2015-05-11 13:33
435 查看
Graph visualization library in JavaScript
I've just put together what you may be looking for: http://www.graphdracula.netIt's JavaScript with directed graph layouting, SVG and you 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 algorithm I found on the net (everything open source, MIT license). If you have any remarks or need a certain feature, I may implement
it, just ask!
You may want to have a look at other projects, too! Below are two meta-comparisons:
SocialCompare has an extensive list of libraries, and the "Node / edge graph" line will filter for graph visualization ones.
DataVisualization.ch has evaluated many libraries, including node/graph ones. Unfortunately there's no direct link so you'll have to filter for "graph":
Here's a list of similar projects (some have 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, animationetc. MIT licensed and developed by a Dutch firm specializing in research on self-organizing networks.
Cytoscape.js - interactive graph analysis and visualization with mobile support, following jQuery conventions. Funded via NIH grants and developed by by
@maxkfranz (see
his 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 libraryyFiles 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 languageFlare 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 (转)
- dygraphs JavaScript Visualization Library
- Graph Analysis and Visualization: Discovering Business Opportunity in Linked Data
- 关于Javascript的Dojo包导入eclipse有错误Xpath is invalid in dojo library的处理方案
- Javascript的Dojo包导入有错误Xpath is invalid in dojo library
- [GraphQL] Write a GraphQL Schema in JavaScript
- Graph Visualization and Navigation in Information Visualization: A Survey 译文
- GameJS——Game Library written in JavaScript
- Raphaël—JavaScript Library
- Image Programming in JavaScript: Converting to Monochrome
- HDU-4725-The Shortest Path in Nya Graph
- CMake Error:Failed to find "glu32" in "" with CMAKE_CXX_LIBRARY_ARCHITECTURE "".
- Control Flow in JavaScript
- Exception in thread "main" java.lang.UnsatisfiedLinkError: no jniopencv_highgui in java.library.path
- JavaScript for...in循环
- Mac 版本IDEA "Class JavaLaunchHelper is implemented in both /Library/Java/JavaVirtualMachie
- JavaScript For...In 声明(十六)
- Seven JavaScript Things I Wish I Knew Much Earlier In My Career
- The Apache Tomcat Native library which allows optimal performance in production environments was not found on the java.library.p
- JavaScript的原生类型以及Microsoft AJAX Library的相关扩展(1)