background preloader

Anvaka/VivaGraphJS - GitHub

Anvaka/VivaGraphJS - GitHub
Related:  Code tricks

Javascript Graphics Library jsDraw2D draw line, circle, rectangle, polygon, curve, ellipse. 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

mrdoob/three.js HTML5 canvas - an introduction to it by Richard Heyes, RGraph author Introduction <canvas> is a new HTML tag which is part of the HTML5 standard. The <canvas> tag uses a "fire and forget" drawing methodology - there is no DOM that is maintained, so if you want to alter something you'll probably (but not necessarily) have to redraw the entire canvas. Other uses for <canvas> include providing a control panel to your users and using it to create games. History of the tag HTML5 canvas was originally introduced by Apple in 2004 for use in Mac OS X WebKit to power dashboard applications and their Safari web browser. A usage example The example to the right is a very simple example of drawing a few primitives on the canvas. The <canvas> tag itself is defined with just width, height and id attributes. <canvas id="cvs" width="600" height="250" style="border: 1px solid gray">[No canvas support]<canvas> The content in between the tags is not shown if the browser supports canvas, and is if the browser doesn't. Javascript & web charts

13 Chart and Graph plotting javascript plugins There are more and more Javascript chart and graph plotting solutions are being released and available for free online. I work on a complicated graph for a website before, we used highchart as the solution, during that time, there isn't a lot of plugins to choose from, but now, we can easily find many very capable charting libraries. Personally, the rise of this kind of plugins are due to: Flash used to be the best solution, but everyone is moving on from there.Modern browsers and powerful computing make it possible to render live data easily.Maturity of different technologies in drawing vector: VML, SVG and Canvas. Of course, you need to carefully choose one that fit your requirements. Anyway, in this posts, we have collected 13 Chart and Graph plotting javascript plugins. FusionCharts FusionChart is the most powerful javascript charting plugin. JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.

arbor.js » introduction about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs. As a result, the code you write with it can be focused on the things that make your project unique – the graph data and your visual style – rather than spending time on the physics math that makes the layouts possible. installation To use the particle system, get jQuery and add the file at lib/arbor.js to your path somewhere and include them in your HTML: getting started The source distribution contains a sample project that demonstrates some of the basic idioms for working with the library to build a visualization. name

jStat : a JavaScript statistical library Html5 node graph flotr2 Introduction Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. Features: mobile support framework independent extensible plugin framework custom chart types FF, Chrome, IE6+, Android, iOS lines bars candles pies bubbles Usage To use Flotr2, include the flotr2.min.js script in your page and create a visible <div> with positive width and height. Usage Example (stand alone) API: Flotr.draw(container, data, options) container a visible DOM element with positive width and height. Data Each series is either an array of points [[x0, y0], [x1, y1] ...] or an object with series options and a data member. Internet Explorer Flotr2 is fully supported in IE 9+ and explorer canvas or flashcanvas may be conditionally included to support older versions, as seen in the example above. Configuration The following are the default configuration options for Flotr. Flotr2 Defaults Development Directories Extending

Introducción al NDK de Android El NDK de Android es un conjunto de herramientas que permiten embeber código máquina nativo compilado en lenguajes C y/o C++, hoy veremos cómo crear un ejemplo en el NDK de Android. Conceptos básicos del NDK La Máquina Virtual de Android (VM) permite que el código de la aplicación (escrito en Java) llame a métodos implementados en código nativo a través de JNI. En una nutshell, lo cual quiere decir que: El código fuente de la aplicación declarará uno o más métodos con la palabra reservada native para indicar que dicho método está implementado en código nativo. native byte[] loadFile(String filePath); Es necesario proporcionar una biblioteca compartida nativa que contenga la implentación de dichos métodos, que será empaquetada en el .apk de la aplicación. static { System.loadLibrary("FileLoader");} No hay que scribir el prefijo “lib” ni el sufijo “.so”. Primer ejemplo en el NDK Android – Hola Mundo En el ndk existe un directorio que contiene varios ejemplos, importamos a eclipse el HelloJni.