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.
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.
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.
Sparklines are intense, simple word-sized graphics, developed by Edward Tufte. This site provides a way to create sparklines in Adobe Photoshop.
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.
The script "Imageless Horizontal Bars" allows the user to present graphically and sort the data. No images are necessary. This is great as an E-mail attachment. Right click when viewing the demo page to obtain the source code of the script.
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.
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.
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).
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.
|
