Free Dynamic Bar Chart Utility

This java powered web tool will add impact to your web site by displaying whatever numbers you feed in as a bar chart. It is very easy to implement using simple HTML, and works especially well if you use a platform such as ColdFusion, ASP, PHP, JSP or a java servlet to pull data for the bar graph directly from a database.

To use the Dynamic Bar Chart Utility on your web page simply include the following HTML tags. (The tags can either be included as part of a standard HTML page, or dynamically written using your favourite server-side processing language such as ColdFusion, ASP, PHP, JSP, CGI or a java servlet):

<APPLET CODEBASE="http://www.play-free-games.com/webmasters/dynamic-bar-charts" CODE="barchart.class" HEIGHT=280 WIDTH=450> (You can alter the height and width to whatever you want) <PARAM NAME=NumberOfVals VALUE=4> (This parameter sets the number of bars per column) <PARAM NAME=NumberOfCols VALUE=5> (Sets the number of columns) <PARAM NAME=border VALUE=60> (Space all round the chart) <PARAM NAME=yborder VALUE=18> (Extra border on the Y-Axis to allow room for the labels) <PARAM NAME=colmargin VALUE=6> (Space between the columns) <PARAM NAME=keywidth VALUE=80> (Width of "Key" box) <PARAM NAME=ymax VALUE=50> <PARAM NAME=ymin VALUE=0> (Upper/Lower range of the Y-Axis) <PARAM NAME=title VALUE="Sales"> (Set the title of the chart) <PARAM NAME=KEY_1 VALUE="Smith"> <PARAM NAME=KEY_2 VALUE="Jones"> <PARAM NAME=KEY_3 VALUE="Blackthorn"> <PARAM NAME=KEY_4 VALUE="Gupta"> (Values displayed as keys) <PARAM NAME=LineColor_R_1 VALUE=200> <PARAM NAME=LineColor_G_1 VALUE=0> <PARAM NAME=LineColor_B_1 VALUE=0> <PARAM NAME=LineColor_R_2 VALUE=0> <PARAM NAME=LineColor_G_2 VALUE=200> <PARAM NAME=LineColor_B_2 VALUE=0> <PARAM NAME=LineColor_R_3 VALUE=0> <PARAM NAME=LineColor_G_3 VALUE=0> <PARAM NAME=LineColor_B_3 VALUE=200> <PARAM NAME=LineColor_R_4 VALUE=100> <PARAM NAME=LineColor_G_4 VALUE=0> <PARAM NAME=LineColor_B_4 VALUE=100> (Set a Red, Green and Blue value between 0 and 255 for each bar) <PARAM NAME=Grid VALUE="true"> (Display the grid? - true or false) <PARAM NAME=VAL_1_1 VALUE=4> <PARAM NAME=VAL_1_2 VALUE=3> <PARAM NAME=VAL_1_3 VALUE=2> <PARAM NAME=VAL_1_4 VALUE=2> <PARAM NAME=VAL_2_1 VALUE=25> <PARAM NAME=VAL_2_2 VALUE=32> <PARAM NAME=VAL_2_3 VALUE=35> <PARAM NAME=VAL_2_4 VALUE=2> <PARAM NAME=VAL_3_1 VALUE=16> <PARAM NAME=VAL_3_2 VALUE=41> <PARAM NAME=VAL_3_3 VALUE=15> <PARAM NAME=VAL_3_4 VALUE=8> <PARAM NAME=VAL_4_1 VALUE=10> <PARAM NAME=VAL_4_2 VALUE=2> <PARAM NAME=VAL_4_3 VALUE=14> <PARAM NAME=VAL_4_4 VALUE=16> <PARAM NAME=VAL_5_1 VALUE=10> <PARAM NAME=VAL_5_2 VALUE=19> <PARAM NAME=VAL_5_3 VALUE=24> <PARAM NAME=VAL_5_4 VALUE=12> (Values to display) <PARAM NAME=LAB1 VALUE="1Q 2001"> <PARAM NAME=LAB2 VALUE="2Q 2001"> <PARAM NAME=LAB3 VALUE="3Q 2001"> <PARAM NAME=LAB4 VALUE="4Q 2001"> <PARAM NAME=LAB5 VALUE="1Q 2002"> (Labels to display) </APPLET>

The free bar chart utility is very flexible. Here is another example showing how easy it is to make it larger and use different colors in the bar chart, while also removing the optional grid and displaying negative numbers:

We have customized the free version of this dynamic bar chart applet for several users. Contact us to find out more.