FusionCharts - Delightful charts and gauges in JavaScript & Flash
Graphviz | Graphviz - Graph Visualization Software
CSS Chart Generator
Below you can enter all the necessary information for your chart. The single items are explained and predefined, so you can simply start changing values. When you are done adding your values, simply click the send button and your chart will be generated in no time and you will receive a link which you can use to display the chart on your page. Please note, the animation effect is not included, but you can download the necessary ajax code. The free version shows a copyright notice in the x-axis title, while the pro version is free from any backlinks or ads and has much more functionality. It has not the ability to use gradient images or any other cool stuff. We have pre-filled the fields, so simply hit the send off button to create a demo chart. The color fields can use short notation of CSS HEX color values. As soon as you are finished adding values, colors, etc, and you press ok, your chart will appear here. Demo of a PRO chart
Watch_Dogs WeAreData
In the video game Watch_Dogs, the city of Chicago is run by a Central Operating System (CTOS). This system uses data to manage the entire city and to solve complex problems,such as traffic,crime, power distribution and more... This is not fiction anymore. Smart cities are real, it’s happening now. Watch_Dogs WeareData is the first website to gather publicly available data about Paris, London and Berlin, in one location. What you will discover here are only facts and reality. Watch_Dogs WeareData gathers available geolocated data in a non-exhaustive way: we only display the information for which we have been given the authorization by the sources.
Read and Display Server-Side XML with JavaScript [JavaScript & AJAX Tutorials]
XML is a very important base on which Web Services work, and, in conjunction with a number of client- and server-side languages, can be put to good effect. Let’s see how we can use XML and client side JavaScript to display the contents of a XML file, access child elements, manipulate elements, and more! Browser Issues When it comes to client side languages, browser incompatibilities are a major issue. But here, using XML and JavaScript, it’s XML that’s the issue: not all browsers support the parsing of XML documents. I’ll use IE6 to explain the codes. Sample XML File Let’s consider a sample XML file, which shows employee data and Turnover of a company: <? Manipulating the XML file data using JavaScript Load The XML File You can load a XML fie from JavaScript like this: var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); function loadXML(xmlFile) { xmlDoc.async="false"; xmlDoc.onreadystatechange=verify; xmlDoc.load(xmlFile); xmlObj=xmlDoc.documentElement; } Now the XML file can be loaded:
Vitaly Friedman's Notebook: List of nifty tools for drawing diagrams, charts and flow-charts
List of nifty tools for drawing diagrams, charts and flow-charts » Aug 18, 11:53 AM Update: The site is experiencing heavy load at the moment, please be patient. Meanwhile, you can digg the article, if you think it could be useful for other users. Being a web-developer means not only being able to design web-sites or program their functionality. Developing web-sites over the last few years, I’ve been stumbling over the same problem over and over again: how can I visualize my idea easily and quickly? The results of my search were initially published in one of the most popular German Web-Magazines Dr. (compiled by Vitaly Friedman) Tutorials “Creating Graphs, Part I” und “Creating Graphs, Part II” by Wolfgang Bartelme. Free Web-Tools Free Software 1st Chart creates high-resolution diagrams with the Chart-Elements you provide. Leading commercial products:
yEd - Graph Editor
yEd is a powerful desktop application that can be used to quickly and effectively generate high-quality diagrams. Create diagrams manually, or import your external data for analysis. Our automatic layout algorithms arrange even large data sets with just the press of a button. yEd is freely available and runs on all major platforms: Windows, Unix/Linux, and Mac OS X. Key Features Import your own data from an Excel® spreadsheet (.xls) or XML Create diagrams with easevia an intuitive user interface. Automatically arrangeyour diagram elements. Export bitmap and vector graphicsas PNG, JPG, SVG, PDF, SWF yEd in 90 seconds Supported Diagrams yEd supports a wide variety of diagram types. Support Resources The yEd online support resources include the yEd Graph Editor manual and the yEd forum where you can give us feedback.
Online Charts Builder
Hohli Online Charts Builder New version: Try new version of Charts Builder, it based on new Google Charts API Load From Image URL: Chart Data can't equal to original, but very similar to it. Only for images on chart.apis.google.com Chart Type: 3D Pie charts Lines Bar charts Pie charts For Pie Charts with labels choose 1000x300 or 800x375 size Venn diagrams Scatter plots Radar charts Chart Size: 320x240 Horizontal 1000x300 800x375 600x500 320x240 Vertical 300x1000 375x800 500x600 240x320 Square 546x546 400x400 300x300 200x200 Chart Ads: Data: Should be consists only positive numbers, use minus one (-1) for missing value, separated by coma, space or semi(,; ), e.g.: 23, 432, 456, 341 For Lines (pairs): Input data as x-axis and y-axis coordinates, e.g.: x1,y1, x2,y2, x3,y3 Title: Use a pipe character (|) to force a line break in title. Background: Chart is ready you can save it as image Right click on the chart Select "Save image as" Save the image to your computer © 2011 Charts Builder. Developed by Anton Shevchuk
Graph Theory Tutorials
Chris K. Caldwell (C) 1995 This is the home page for a series of short interactive tutorials introducing the basic concepts of graph theory. There is not a great deal of theory here, we will just teach you enough to wet your appetite for more! Most of the pages of this tutorial require that you pass a quiz before continuing to the next page. Introduction to Graph Theory (6 pages) Starting with three motivating problems, this tutorial introduces the definition of graph along with the related terms: vertex (or node), edge (or arc), loop, degree, adjacent, path, circuit, planar, connected and component. Euler Circuits and Paths Beginning with the Königsberg bridge problem we introduce the Euler paths. Coloring Problems (6 pages) How many colors does it take to color a map so that no two countries that share a common border have the same color? Adjacency Matrices (Not yet available.) How do we represent a graph on a computer? Chris Caldwell caldwell@utm.edu
