Excellent Dynamic Chart API by Google

Google is trying to get rid of a lot of an ancient programming problem: generating charts. Mostly you have to install GD or ImageMagick or something similar and all kinds of libaries just to get to one chart! Their API got rid of the overhead and you can start creating your own charts just by providing the metadata required to visualize it.

Parameters are separated with the ampersand (&) character. You can specify as many parameters as you like, in any order. For example, the Chart API returns the following chart in response to the URL below:

http://chart.apis.google.com/chart?
chs=250x100
&chd=t:60,40
&cht=p3
&chl=Hello|World

Where:

• http://chart.apis.google.com/chart? is the Chart API’s location.
• & separates parameters.
• chs=250x100 is the chart’s size in pixels.
• chd=t:60,40 is the chart’s data.
• cht=p3 is the chart’s type.
• chl=Hello|World is the chart’s label.

You can include a Chart API image in an HTML document by embedding a URL within an <img> tag. For example, the following img tag results in the same image as above:

<img src="http://chart.apis.google.com/chart?
chs=250x100
&chd=t:60,40
&cht=p3
&chl=Hello|World
&alt=Sample chart/>

Maxcode by night…

The following types of charts are available:

• Line chart
• Sparkline
• Bar chart
• Pie chart
• Venn diagram
• Scatter plot
• Radar chart
• Map

Click here for the API.

Really easy field validation using AJAX

Really easy field validation from Dexagogo has implemented a solid form validation API. The basic method is to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.

The validator also avoids validating fields that are hidden or children of elements hidden by the CSS property display:none. This way you can give a field the class of ‘required’ but it’s only validated if it is visible on the form. The demo illustrates this.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://tetlaw.id.au/upload/dev/validation
License: MIT License