The script is available at the address http://0xj.info/js/graphs.js. Using it isn’t that complicated.

The first thing is to create an instance of the object.

var x=_FMchart();

Then a layer must be specified, either in string or in DOM node form.
Accordingly:

x.setLayer("LayerID");
x.setLayer(document.getElementById("LayerID"));

After that, the data should be given:

x.draw(
{title:"Cases of H1N1 Influenza A in South America by country (progessive)",
categories: ["AR", ["BO","999"], "BR", "CL", "CO", "EC", "PE", "PY", "SR", "UY", "VE"],
proportional:true,
multidimentional:true,
dimensions:{w:"600px"},
data:{
"20090626":[1587,47,452,5186,72,125,360,79,11,195,153],
"20090705":[2485,319,812,7342,101,163,811,103,12,195,204],
"20090709":[2677,544,977,8160,118,204,1135,114,12,195,222],
"20090711":[2928,545,1027,9549,138,204,1580,114,12,520,231],
"20090714":[3056,545,1027,9549,166,204,1753,114,12,520,234]
}
});

The properties are

title

title (caption)

categories

array containing the different elements described by the data. In
the example, we are using the default colors for all the categories,
with the exception of BO (using color #999999.)

proportional

if set to true, it replaces the absolute values by relative
percentual values (eg 4 in a sample of 10 is represented as 40%.)

multidimentional

if set to true the length of the bars must be proportional among
them (only available for a sample or more)

data

the data itself. Labels are needed to compare data from different samples.
dimensions an object containing either one or both of the properties w (for
width) and h (for height), with units

helper

the function which will apply the styles. For example, for a pie
chart it will be x.helpers.pie

helperArgs

array containing the different arguments to pass to the helper.

For instance, the first value sets the radius (in pixels) to use for
the pie chart when using helpers.pie

Pie charts require SVG or VML support. Bar charts are currently supported on the following browsers:

• MSIE 5.5, 6, 7 and 8 (for Windows)
• Netscape 7 and 9
• Arora 0.7.1
• Mozilla Firefox 0.8, 1.0.8, 1.5.0.12, 2.0.0.20, 3.0 and 3.5
• Konqueror 3.5 and 4.2
• Galeon 2.0.6
• Opera 9.26, 9.63, 9.64 and 10
• Kazehakase 0.5.4
• Epiphany 2.22 and 2.26.3
• K-Meleon 1.1.4
• Flock 2.0.3
• Safari 3.2.1 and 4.0
• Avant 11.7

A demo available at http://youruseragent.info/download/chart.html. More information (in Spanish) is also available.

graphs.js

This is a post from Web Dev News, a site brought to you by Xavisys Web Development.

FMCharts: Dynamic and Accessible Web Charts

JSConf 2009 will be held in Washington DC between April 24 and 25, 2009. The conference brings together 16 speakers to present on JavaScript development in the browser, mobile, desktop, and server environments. If you haven’t had much of a chance to do some deep JavaScript work, this conference is a great way to learn from some of the best. Although many people don’t realize it, JavaScript can also be used to build thick client desktop applications. In addition, it is one of the only languages to successfully bridge object oriented and functional programming in a way that anyone can use it. JavaScript has seen an incredible rise with modern web application frameworks and it only seems to be increasing in the coming years, this is the only conference that will show you how important JavaScript is to your programming and design capabilities.

The conference is purposefully being kept small and intimate so you will be able to interact with the speakers and attendees during the day and during the social events. Also there will be many opportunities to interact with the sponsors and select vendors that will present to network and potential pursue employment opportunities. The conference costs $450 right now for two full days worth of speakers, breakfasts, lunches, a beer and wine tasting social event on Friday Evening, and a networking social event on Saturday Evening. If you are looking for more work, this conference has also drawn the attention of a lot of hiring employers who are looking for top notch developers.

If you are interested in going, we recommend getting your tickets soon at http://jsconf2009.eventbrite.com as they are selling very quickly. For more information or other speakers, check the website at http://www.jsconf2009.com or twitter us @jsconf

This is a post from Web Dev News, a site brought to you by Xavisys Web Development.

JSConf 2009 April 24 & 25 Washington DC