Get pie-charts on your homepage for FREE

Do you want to add Gheos pie-charts to your homepage? And without having to write lengthy scripts?
And completely for FREE?

USE OUR CODE AND GET GHEOS PIE-CHARTS!!!

Just copy (Ctrl+C) and paste the desired script anywhere you want into your HTML:

The Gheos pie-charts are used to show instantaniously how 100% is divided into several parts.
They can be used for example to show how senate is devided in political affiliation, or which cars are mostly used in Japan, etc.

The Gheos pie charts boast 25 colors, enough for most purposes. Colors can be chosen as you wish, just as the size of the pie-charts.
You can put as many Gheos pie-charts on your homepage as you like. Just copy the code and follow the instructions as described here:

The basic code for the Gheos pie-charts is:

<SCRIPT LANGUAGE="JavaScript">var GheosPie='&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.php">

In order to add information just use the following system:

<SCRIPT LANGUAGE="JavaScript">var GheosPie='&size=80';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           &size=80 will cause the pie to be 80 pixels

<SCRIPT LANGUAGE="JavaScript">var GheosPie='&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           &size=60 will cause the pie to be 60 pixels


For convenience we have used &size=60 for all the following examples, however you can choose whatever size you want, eg: &size=100, &size=123, etc. The minimum size is &size=30, while the maximum size is &size=200. If you leave &size= out of the pie-chart code, it will automatically be &size=128

<SCRIPT LANGUAGE="JavaScript">var GheosPie='info1=30&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           info1 is 30%, the remaining 70% has no data (automatic)

<SCRIPT LANGUAGE="JavaScript">var GheosPie='pink=30&green=70&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           pink is 30%, green is 70%

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Metal=43&Silver=21&Gold=7&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Metal is 43%, Silver is 21% and Gold is 7%. The rest (No Data) is 29%

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Metal=43&Silver=21&Gold=7&Platinum=2.7&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Metal is 43%, Silver is 21%, Gold is 7% and Platinum is 2.7%. The rest (No Data) is 26.3%

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Metal=43&Silver=21&Gold=7&Platinum=2.7&Other=26.3&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Metal is 43%, Silver is 21%, Gold is 7% and Platinum is 2.7%. The rest (Other) is 26.3%, but now it was added in the code as 'Other'

If you need spaces in your information, just use '%20'.
If you percentages total more than 100% the Gheos pie-chart will only display everything that remains under the 100%. For example:

<SCRIPT LANGUAGE="JavaScript">var GheosPie='nice%20pink=40&lush%20green=70&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           nice pink is 40%, lush green is 70%. But the total is over 100%, so green = 70% IS NOT SHOWN! Instead No Data = 60% will be added automatically

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Metal=43&Silver=21&Gold=70&Platinum=2.7&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Metal is 43%, Silver is 21% and Gold is 70%, which will cause the totals to exceed 100%. So the rest is not shown anymore! Not even Platinum is 2.7%.

So take care you don't exceed 100% with your totals!

Colors can be changed by adding & in the code to skip to the next color. Just compare these examples:

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Dutch=58&French=32&German=10&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Dutch is 58%, French is 32% and German is 10%

<SCRIPT LANGUAGE="JavaScript">var GheosPie='Dutch=58&French=32&&German=10&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           The same numbers, but a different color, because one '&' was added

<SCRIPT LANGUAGE="JavaScript">var GheosPie='&&Dutch=58&&&French=32&German=10&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Again different colors after adding more '&'

<SCRIPT LANGUAGE="JavaScript">var GheosPie='&&&&Dutch=58&&&&&French=32&&&German=10&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

will draw this pie-chart:                                                           Again different colors after adding more '&'

All the available colors are these:                                          All available colors, note that &size=130 is used, causing a much larger pie-chart

.

The basic code is:
<SCRIPT LANGUAGE="JavaScript">var GheosPie='&size=60';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

Add information like this:
<SCRIPT LANGUAGE="JavaScript">var GheosPie='info1=20&info2=30&info3=40';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

You can add as much as you like, just use the format 'info=##%', or the information (which can be anything you want, then '=' and then the amount in %. To add more information just add '&' and again the info=##%.

To change the size of the pie-chart you can add &size=##, where ## is a number between 30 and 200. THIS HAS TO BE THE LAST PART OF THE SCRIPT like this:
<SCRIPT LANGUAGE="JavaScript">var GheosPie='info1=20&info2=30&info3=40&size=80';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

Use '%20' whereever you need to add spaces.
<SCRIPT LANGUAGE="JavaScript">var GheosPie='info1=20&info%202=30&info3=40&size=80';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

Add '&' in the code to skip colors.
<SCRIPT LANGUAGE="JavaScript">var GheosPie='info1=20&&&&info2=30&info3=40&size=80';</SCRIPT>
<SCRIPT SRC="http://Gheos.net/js/pie.js">

We would appreciate it if you would link the pie-charts to http://Gheos.net


Roy Digital Design