Hace algunos días atrás se informó acerca de Google Chart API (una ayuda para gráficas web) y ahora vía AXXT me entero que de un plugin que usa Prototype para crear gráficas con Google Chart API facilmente y no morir en el intento.

Implementación (pie chart):

Incluye los archivos javascript necesarios:

<script type="text/javascript" src="prototype.js"></script>  
<script type="text/javascript" src="GoogleChartAPI.prototype.js"></script> 

Dentro de las etiqueta head:

<script type="text/javascript">  
 Event.observe(window,'load',function(){  
    var g=new GoogleChart();  
     g.init('chart-01'); //Target Div ID   
     g.setChartType('p3');  
     g.setChartTitle('Pie Chart Example');  
     g.setChartSize('450x140');  
     g.setChartColors('FFFF00,000066,0000cc,0000ff');  
     g.setChartData([[10,15,25,50]]);  
     g.setLabels('Data 1 (10%) | Data 2 (15%) | Data 3 (25%) | Data 4 (50%)');  
     g.drawChart();  
 });  
</script>  

Dentro de las etiquetas body:

<div id="chart-01"></div> 

Enlaces | Página de proyecto, GoogleChartAPI.prototype.js

Una interesante utilidad en JavaScript que muestra un mensaje desplazándose por la pantalla del navegador web en forma de LEDs (Light-Emitting Diode - diodo emisor de luz) el cual podemos configurar a nuestro gusto, por ejemplo: el tamaño de los LEDs, el mensaje, la longitud del contenedor, etc. He aquí una muestra:

Vía modern life 

Descarga código fuente

Si eres una de los desarrolladores web que usan el framework Ext JS te alegrará saber que ya está disponible la librería Ext JS 2.0 la cual proporciona un gran poder para crear aplicaciones web, además cuenta con muchos componentes para diseñar agradables interfaces de usuario. Ext JS 2.0 esta disponible para descarga: código abierto-libre y licencia comercial. Inclusive si tienes un proyecto desarrollado con Ext 1.0 ahora podras migrar a Ext 2.0 sin ningun inconveniente. Ve el gran potencial de este fabuloso framework en este ejemplo:

Vía Ajax Magazine

Google Chart API nos permite generar gráficas dinamicamente, simplemente con especificar ciertos parametros en la siguiente url:

http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>

Por ejemplo si pruebas con la siguiente url:

http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=s:ribosomatic

El resultado será:

Google Chart API está bien documentado y nos permite realizar otros tipos de gráficos como: lineales, barras, puntos flotantes, diagramas de Venn y muchos más.

Enlace: Google Chart API

Vía: Ajaxian 

Basándose en los proyectos Plotr y PlotKit, el desarrollador de software Ole Laursen quizó llevar la misma funcionalidad de los trazos gráficos para jQuery y lo consiguió. Ha desarrollado su propio plugin ó extensión llamada Flot. Esta extensión está disponible ya en su versión inicial v0.1, y podemos ver algunos excelente ejemplos de su uso:

Enlaces | demos, código 

Vía Ajaxian

Seguramente hemos encontrado sitios web que hacen buen uso de JavaScript, y queremos saber cuál es el código como para guiarnos en nuestros proyectos web (más no copiarlos), pero nos encontramos con que el código está encriptado, comprimido ó poco legible. Es justamente donde entra a tallar JavaScript Beautify. Para entender mejor el funcionamiento de esta herramienta, veamos un ejemplo:

Una función e JavaScript comprimida:

function nuevoAjax(){var xmlhttp=false;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp} 

Usando JavaScript Beautify: 

function nuevoAjax() {
    var xmlhttp = false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")
        } catch(e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
            } catch(E) {
            xmlhttp = false
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        xmlhttp = new XMLHttpRequest()
        }
    return xmlhttp
}

¿No es más legible en código ahora?

Vía Ajaxian

Con esto de las aplicaciones web 2.0, se han desarrollado una gran cantidad de utilidades/herramientas/framework para el desarrollo web con JavaScript, DHTML (HTML dínamico) y AJAX. He aquí el gran listado:

La aplicaciones web actuales hacen uso de JavaScript, y como desarrolladores webs debemos estar a la par con el avance en este campo. Es por ello que se recomienda el uso de una librería o framework para facilitarnos la programación de este tipo de aplicaciones, pero ¿Cuál de tantos?. Aquí una lista de los mas conocidos.