background preloader

Jquery - Graph visualization code in javascript

Jquery - Graph visualization code in javascript

arbor.js Graph Graph Description In mathematics and computer science, graph theory studies networks of connected nodes and their properties. A graph can be used to visualize related data, or to find the shortest path from one node to another node for example. Central concepts in graph theory are: Node: a block of information in the network.Edge: a connection between two nodes (can have a direction and a weight).Centrality: determining the relative importance of a node.Clustering: partitioning nodes into groups. The NodeBox Graph library includes algorithms from NetworkX for betweenness centrality and eigenvector centrality, Connelly Barnes' implementation of Dijksta shortest paths (here) and the spring layout for JavaScript by Aslak Hellesoy and Dave Hoover (here). For those of you looking for the old Graph library built on Boost, it can still be found here. Download Documentation The library has a cool example of a visual browser for WordNet. How to get the library up and running graph = ximport("graph")

PhoneGap From Scratch: Introduction Want to learn how to use PhoneGap, but don't know where to get started? Join us as we put together "Sculder", not only a tribute to an excellent science fiction TV series, but a fully-fledged native mobile application for the believer in you! In this series, we will build a mobile application using some of the features in PhoneGap. We will go from installation of the SDK to deployment into the app stores of the two major platforms: iOS and Android. In this first part, we will take a quick look at what PhoneGap actually is and what you can use it for, and then look at the installation of the PhoneGap framework and the SDKs that we require for testing on OS X, Windows, and Linux environments. What is PhoneGap? By now you probably have a good idea of what PhoneGap is and you've probably even used it, but, if not, here's a brief overview. At the time of publication (e.g. Despite contrary belief, PhoneGap is not a write once, deploy everywhere solution (although it does come close).

Graphviz | Graphviz - Graph Visualization Software Flare | Data Visualization for the Web Data Visualization Software Lab - Data visualization JavasScript library for adding interactive touch-screen driven charts and graphs to your web site (Javascript and HTML5 SDK) Cytoscape.js This is how easy it is to get started with Cytoscape.js (this code creates the instance you see on the bottom-right: About Cytoscape.js is an open-source graph theory library written in JavaScript. You can use Cytoscape.js for graph analysis and visualisation. Cytoscape.js allows you to easily display and manipulate rich, interactive graphs. Cytoscape.js also has graph analysis in mind: The library contains a slew of useful functions in graph theory. Cytoscape.js is an open-source project, and anyone is free to contribute. The library was developed at the Donnelly Centre at the University of Toronto. Cytoscape.js & Cytoscape Though Cytoscape.js shares its name with Cytoscape, Cytoscape.js is not Cytoscape. Cytoscape.js is a JavaScript library: It gives you a reusable graph widget that you can integrate with the rest of your webapp with your own JavaScript code. Funding Funding for Cytoscape.js and Cytoscape is provided by NRNB (U.S. Architecture & API Notation Position Elements JSON Background

Processing.js Demos below! As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The Processing Language The first portion of the project was writing a parser to dynamically convert code written in the Processing language, to JavaScript. It works “fairly well” (in that it’s able to handle anything that the processing.org web site throws at it) but I’m sure its total scope is limited (until a proper parser is involved). The language includes a number of interesting aspects, many of which are covered in the basic demos. Note: There’s one feature of Processing that’s pretty much impossible to support: variable name overloading. The Processing API Download How to Use Demos

blog Hey friends! I gave in and finally integrated <canvas> support into JSViz, and just in time for the Safari 3 Beta (which I'm really digging so far)! Note: To render with canvas, you'll need Firefox 1.5, Safari 2.0, or Opera 9. Continue reading "Viva la Canvas" » I get lot's of e-mails from JSViz users that want to know how to integrate tooltips into their graphs. Yeah, that's super easy and everyone is always asking. So I had a moment and here it is: Continue reading "Everybody wants tooltips" » In the process of integrating vector graphics into JSViz, we developed svg2vml, a library that provides a common interface for scripting vector graphics in browsers that support either SVG or VML. The library lives in the Google Code project hosting site at Howdy friends, I've just uploaded another patch to 0.3.3. Improved SVG Rendering Performance See the discussion here. Added configurations for "type-driven" Force Directed Graph attributes See discussion here.

Related: