Gantt - Editable JavaScript DHTML Gantt Chart with Rich API dhtmlxGantt is an open source JavaScript Gantt chart that helps you visualize a project schedule in a nice-looking chart. It can show the dependencies between tasks as lines and allows you to set up different relationships between tasks (finish-to-start, start-to-start, end-to-end). dhtmlxGantt provides flexible API and a large number of event handles, which gives you the freedom to customize it for your needs. Basic Gantt Chart Filtering and Zooming Hours Scale Baselines Critical Path Hiding/Showing Columns Export Data Loading Big Datasets Auto Scheduling Click the appropriate images to view the demo. Features Note that some features are available in the PRO Edition only. Easy Initialization With dhtmlxGantt, you can create a comprehensive tool for visual project management and provide the end users with a convenient way to schedule their activities. Fully Customizable Intuitive User Interface Rich Feature Set Export to PDF and PNG By default, the generated PDF/PNG document includes a watermark.
QuickGraph: A 100% C# graph library with Graphviz Support.. Free source code and programming articles There has been a lot of changes to the source code and the article below, since the first submission on Dec. 8. Introduction This article presents a Generic Graph Library, 100% C#. Graph problems arise in a number of situations (more often that you would think): file compilation order, network band-with, shortest path, etc. As the library comes with a full NDoc reference manual, this article will not enter into deep coding details. About Graph Theory This is a quick remainder about graph theory: A directed graph G=(VxE) consists of a finite set V=V(G) of vertices and a finite multi-set E contained in VxV = {(u,v)| u,v in V} of edges that are ordered pair of vertices. If e=(u,v), then e is an outgoing edge of u and an incoming edge of v. indegree(v) denotes the number of incoming edges of v and outdegree(u), the number of outgoing edges of u. Classic graph examples are: What is the BoostGraphLibrary? This section discusses aspects about the porting from C++ to C# of the BoostGraphLibrary.
HTML5 Video Player Comparison Cross-Browser JavaScript/HTML5 Charts - dhtmlxChart dhtmlxChart is a JavaScript charting library for generating cross-browser HTML5 charts. It supports the most common chart types: line, spline, area, bar, pie, donut, scatter, and radar charts. For complex charting needs, you can create a chart series, plotted separately side by side, or stacked. You can also display a combination of different charts types on a single chart (e.g. combine line and bar charts). The charts can be loaded from XML, JSON, JavaScript array, or CSV and updated on the fly (by using Ajax) to show changing graphical data. Live demos Area Charts Bar Charts Column Charts Donut Chart Line Charts Pie Chart Radar Charts Scatter Charts Spline Charts The dhtmlxChart library is written in JavaScript using Canvas and works in all major web browsers: IE, FF, Safari, Opera, Chrome, or any other browsers based on Mozilla or the Webkit engine. As part of DHTMLX toolkit, dhtmlxChart is compatible with other DHTMLX components. View Feature Details Editions and Packages Licenses Download
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. If the state is not LOADING or DONE return the empty string and terminate these steps. 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(); // -- //
Top15 HTML5 Ebooks | Free Resources for Designers & Developers Every thing is now available on internet and i think internet provides huge relief to mankind. Now you can pay your bills online through internet and purchase any thing you want. Any ways HTML5 is the new and improved version of HTML. Many people doesn’t know any thing about HTML5, So i provides you list of best HTML5 ebooks available on internet. Enjoy! 1- 20 Things I learned about Browsers and the Web 2- Introducing HTML5 3- HTML5 Quick Learning Guide 4- HTML5 Mobile Web Development 5- Dive Into HTML5 6- Deploying HTML5 7- HTML Dog 8- Html5 Straight to the Point 9- Sams Teach Yourself HTML5 in 10 Minutes 10- The Essential Guide to HTML5 11- HTML5 For Web Designers 12- Smashing HTML5 13- HTML5 and CSS3 14- W3Schools 15- HTML5: Up and Running Another best html5 resources site
humble finance - html5 visualization HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis. Demo: This demo displays historical stock data for Google from their IPO to March 5th, 2010. You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. August 19, 2004 - January 11, 2005 HTML: (hide) <div id="finance"><div id="labels"><div id="financeTitle">NASDAQ:GOOG</div><div id="time"><a onclick="HumbleFinance.zoom(5);">1w</a><a onclick="HumbleFinance.zoom(21);">1m</a><a onclick="HumbleFinance.zoom(65);">3m</a><a onclick="HumbleFinance.zoom(127);">6m</a><a onclick="HumbleFinance.zoom(254);">1y</a><a onclick="HumbleFinance.zoom(1265);">5y</a></div><div id="dateRange"></div></div></div>
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.
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element. The algorithm is implemented on top of a JS port of a C-based computer vision library by the same author. You can imagine the likes of Facebook using something like this to help you tag photos sometime in the future, and if the algorithm could figure out who each face in a picture belonged to, the possibilities would be endless - and maybe a bit scary! You can check out a demo of the face detection algorithm, for which the only server-side code is a PHP proxy.
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")
JS Charts - Free JavaScript charts 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. 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 PHPGraphLib was officially open sourced under the MIT license in 2013.