background preloader

Graph

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")

Graphviz | Graphviz - Graph Visualization Software PHPGraphLib Lightweight PHP Graphing Library Overview PHPGraphLib is an open source lightweight PHP-based graphing library that creates slick PHP graphs for incorporation into a website or application. PHPGraphLib was originally written in 2006-7 to facilitate generation of Graphs on an internal application server. PHPGraphLib is a PHP 4.3+ friendly object-oriented class that has powerful customization features, allowing you to generate the perfect bar, line, stacked bar, or pie graph for any application. Used with dynamic data, PHPGraphLib allows easy visual interpretation of sophisticated data sets. If no customizations are made, PHPGraphLib adjusts the scale and axis of the graph to fit any data, including large numbers, decimal numbers, and negative numbers. To start using PHPGraphLib, download a copy from GitHub and then read the documentation pages. Remote API Advanced users can now use the PHPGraphLib Remote API instead of downloading the PHPGraphLib Library. Personal and Commercial Usage

Flare | Data Visualization for the Web Force Directed Graphs in Javascript? on kylescholz.com :: blog Force Directed Graphs are self-organizing, visually appealing tools for representing relational data. The look is organic, because algorithms simulate the way charged particles arrange in space. They work great in user interfaces because the user has access to data nodes while the graph is being organized. Take a look (go ahead and play, they're interactive): Show Example So, what am I using these for? Recently, I've been considering alternatives to the traditional list and tree views used in search result user interfaces. Initial Findings Next Steps I need to produce some functional user interfaces. Update on Licensing: This work is licensed under a Creative Commons Attribution 2.5 License. As promised, I'm providing an open source license for the files referenced here.

jquery - Graph visualization code in JavaScript NodeXL - Network Overview, Discovery and Exploration for Excel - Home 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) blog Perhaps it's subtle, but the draft spec for XMLHttpRequest calls for support for progressive response handling: 4.7.6 The responseText attribute The responseText attribute must return the result of running these steps: 1. 2. To rephrase for my purposes, responseText should return the intermediate contents of the response when an XMLHttpRequest is interrogated during the LOADING state. I ran a modified version of the streaming response tests I used in my last post to verify progressive XHR handling. For Webkit browsers, it's critical to specify a Content-Type of "text/plain" or "application/x-javascript" when returning script content to an XHR for progressive handling. Now, since we'll be interpreting partial response content as executable script, we'll need to do something to ensure that each chunk we evaluate terminates on a complete expression. window.aFunction(); // -- // window.bFunction(); // -- // Where //--// is the delimiter.

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. 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. ISB | UCSD | MSKCC | Pasteur | Agilent | UCSF | Unilever | Toronto | NCIBI | NRNB Architecture & API Notation Position Data

JS charts – The free JavaScript chart generator 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

Examples of flowcharts, organizational charts, network diagrams and more Edraw provides a wide variety of examples such as flowcharts, organizational charts, business charts, UML diagrams, database and ERD, directional map, network diagrams and lots more. Please choose any examples you are interested in, alternatively download them for free. You will need to install Edraw to view them. As you will see, Edraw is very powerful because you can use more than 6000 symbols, examples, and many pre-drawn templates to create your own spectacular flowcharts, business diagrams, network diagrams and lots more, effortlessly, and in no time at all. The following examples were created using Edraw and are included as part of the software installation. Some new examples for flowcharts and organizational charts. Download Full Software Package and View Examples for Free Business Diagram Examples Business Charts Examples Business Form Examples Floor Plan Examples Graphic Organizer Examples Scientific Illustration Examples Engineering Diagram Examples Business Card Examples

Related: