Graphs & Charts

Use the BAR_GRAPH class to create horizontal / vertical bar graphs, progress bars and faders. You can create simple graphs and even grouped bar graphs with legends, add labels, change colors etc. No graphics or graphical libraries required.

Bandwidth or server resource usage becoming an issue? RGraph is a new HTML5 canvas based graphing library which uses the new HTML5 canvas tag to provide client side graphing capabilities easily. Bar, Bi-polar, Donut, Funnel, Gantt, Horizontal Bar, LED, Line, Odometer, Pie, Progress bar, Pseudo-radar, Scatter and Traditional radar charts are all catered for, and the API is easy to pick up and learn....
(show more)
(show less)

FusionMaps help you create animated, interactive and data-driven Flash Maps for all your web applications. Using FusionMaps, you can display geographical data distributed by category, regions or entities. Ideal usage examples are business data like "Revenue by states", website analytics, office locations, flight routes and election results. No matter what script or database you are using, FusionMaps works efficiently with all of them. Setting up a map barely takes a few minutes; and doesn't involve anything to do with the source code, even for resizing. ...
(show more)
(show less)

Create graphs out of raw data using Graph It! Just input the textual data of the involved graph elements, and leave the rest to the script. The data can be either in absolute or percentage values.

XYGraph was created to generate intelligent plots of output data without the need for extensive user input. Take a look at the demo page to see just how useful and proffesional the results are. The script generates an XY Graph using Vector Markup Language (VML) and returns an html string for display via javascript. The code is written to automatically calculate appropriate scaling for tics and will cut off extreme data points. Noncommercial use is free, donations are appreciated. A modest one-time licensing fee will be asked for commercial use. ...
(show more)
(show less)

The script can present pie data graphically as the horizontal bars. No images are required. The script is compatible with all main browsers.

JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready! JS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs. Our online editor, that has an easy to use interface, enables you to create highly customized charts in minutes, and then export them (upload the sources to your server) or get the embedding code (hosted version). ...
(show more)
(show less)

Cursor Tracker is a small piece of javascript code which you insert into the bottom of your webpage, once a visitor views the page it tracks their cursor position and seamlessly relays this information to your server. The .zip file also includes the PHP files necessary to analyse the data and create a heatmap that can be overlayed onto your site to show the areas of maximum interest. This information can be useful for accessibility analysis as well as for deciding the best place to place your adverts, or just simply to see if people actually read all the way to the bottom of the page....
(show more)
(show less)

The script generates a diagram (chart) view of the data in the webpage table. Enhanced in the version 1.2: the diagram flips to get the optimal position on the page. In the newest version 1.3, the script has been rewritten in prototype-oriented style.

Emprise JavaScript Charts (EJSChart) is a pure JavaScript charting library which utilizes the <canvas> element and VML to provide cross-browser compatible, interactive Web 2.0 charts. EJSChart takes web charting to a new level by incorporating such features as automatic axis scaling, zooming, scrolling, smart ticks and Ajax-driven data loading. With its fully documented API, support for multiple chart types and data retrieval methods, EJSChart is extremely quick and easy to implement in any web site or web application that requires graphical display of data. Major features: * Interactivity: Zooming, Scrolling, Hints, Mouse Tracking, Mouse Events, Key Tracking Crosshairs. * EJSChart will calculate and scale automatically to fit whatever data it is presented with. * Auto Zooming, Scrolling: Too much data and not enough screen real estate? Show it all. Let your end users zoom in on the pieces they're most interested in. * Ajax-driven data handler for real-time, live data feeds....
(show more)
(show less)

This utility program displays a 4,096 color spectrum in a 3 dimensional pallet. The pallet is a larger cube made up of smaller cubes arranged in 16 layers of 16 rows of 16 cubes. The controls allow the user to change the angle of view, the layer depth, the color selected and a historical list of previous selections. The color values are represented by both hexadecimal vales and RGB values....
(show more)
(show less)

This small scripts checks the graphical configuration of the PC, which visits the website. Using variables, you can define, which is the base-resolution. The file consists of three language-versions (german, english and italian).

Sparklines are intense, simple word-sized graphics, developed by Edward Tufte. This site provides a way to create sparklines in Adobe Photoshop.

Picking colors has never been easier: The Color Picker form control provides your users with a clickable, dropdown color swatch for color selection. Your users only need a mouse and a sense of color coordination to use this control. As a result, non-proficient users are not exposed to the underlying Color coordinate system, whereas proficient users may utilize an easy-to-use input interface for specifying their Colors in a more accurate fashion....
(show more)
(show less)

SD-Graph is a sophisticated bar graphing system that allows you to create and display colorful bar charts with detailed statistics.

This page allows you to draw basic patterns and to organize them before you create the page.

Given initial data (manually or from database), this script will dymanically draw the chart. Useful if you have a lot of data or often update your results. To insert the script into your page, copy its listing, and change the initial data.

This script allows you to create a bar graph table of the data given to it. It prints the total-count variable at the top of the form. It will chart out the values given in the stats-array definition statement.