|

Muestra gráficas con el API de Google

ByLuis

Aunque a veces no es bueno depender de librerías externas, no todo el mundo puede permitirse usar recursos propios, por lo que esta librería de Google nos puede ser de mucha ayuda. Se trata de un API que nos permite mediante una llamada mostrar una imagen con una gráfica. Eso sí, hay que tener que el uso de esta librería está limitado a 50.000 queries por día y si se sobrepasa este límite se bloqueará temporalmente su uso y si se excede aún más el uso se bloqueará indefinidamente.

Por ejemplo esta llamada tendrá el siguiente resultado:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Gráfica de Google

La API es muy completa y nos permite indicar datos en varios formatos, diferentes tipos de gráficas (líneas, barras, tarta…), colores, relleno, background y mucho más.

Ejemplos

http://chart.apis.google.com/chart?cht=lc&chd=s:9gounjqGJD&chco=008000&chls=2.0,4.0,1.0&chs=200x125&chxt=x&chxl=0:||c|d|a|o|x|v|V|a|&chm=a,990066,0,3.0,9.0|c,FF0000,0,1.0,20.0|d,80C65A,0,2.0,20.0|o,FF9900,0,4.0,20.0|s,3399CC,0,5.0,10.0|v,BBCCED,0,6.0,1.0|V,3399CC,0,7.0,1.0|x,FFCC33,0,8.0,20.0|h,000000,0,0.30,0.5

Gráfica de Google

http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=FF0000&chls=4.0,3.0,0.0&chxt=x,y&chxl=0:|1|2|3|4|5|1:|0|50|100&chs=200x125&chf=c,lg,45,ffffff,0,76A4FB,0.75|bg,s,EFEFEF

Gráfica de Google

http://chart.apis.google.com/chart?cht=bhs&chco=ff0000,00ff00,0000ff,&chs=200x125&chd=s:FOE,THE,Bar&chxt=x,y&chxl=1:|Dec|Nov|Oct|0:||20K||60K||100K|

Gráfica de Google

http://chart.apis.google.com/chart?cht=s&chd=s:984sttvuvkQIBLKNCAIi,DEJPgq0uov17zwopQODS,AFLPTXaflptx159gsDrn&chxt=x,y&chxl=0:|0|2|3|4|5|6|7|8|9|10|1:|0|25|50|75|100&chs=200x125

Gráfica de Google

Google Chart API

Vía / WebAppers

Similar Posts

Consejos para desarrollar cumpliendo estándares

ByLuis

Buenos consejos a tener en cuenta cuando se trata de desarrollar cumpliendo estándares web.

  • Menos es más, no uses mas código del necesario
  • No uses CSS o Javascript dentro del HTML, ya sea en las etiquetas como en el head.
  • Usa código semántico, las cabeceras mediante etiquetas h1, h2, …, resaltar mediante strong, …
  • No uses meta etiquetas redundantes
  • Usa microformatos para hacer tu sitio legible
  • Usa tablas solo para mostrar tablas
  • Usa rel=”external” para enlaces externos, no uses target=”_blank”, hazo mediante Javascript
  • No uses Javascript mediante enlaces
  • No muestres contenido importante mediante Flash o Ajax, siempre mediante HTML plano

10 Coding Guidelines for Perfect Findability and Web Standards

Diferencias entre un buen diseñador y un gran diseñador

ByLuis

Estando a la espera de que nos cuenten las diferencias entre un mal diseñador y un buen diseñador, que sería algo que necesitamos algunos, nos quedamos con un buen artículo que nos explica las diferencias entre un buen diseñador y un gran diseñador.

Se trata del típico post que todo el mundo referencia y que uno se da cuenta que se entera de las cosas el último, por eso voy a referenciar donde lo he visto originalmente, donde lo he leido en español y por su puesto el original.

Entre las cosas que más me han gustado destaco lo siguiente:

Mientras un buen diseñador dispone de ciertos elementos y los organiza de manera estética, un gran diseñador se preocupa además porque el mensaje que expresa su diseño llegue a destino.

…los artistas crean problemas, los diseñadores los solucionan. Pero un gran diseñador se adelanta a un problema potencial, tiene visión.

La conclusión a estas ideas nos lleva nuevamente a la razón de ser del trabajo de diseño, que es justamnente lo que diferencia además a un diseñador de un artista: las necesidades y problemas que atiende el diseño suelen ser -por lo general- ajenas al diseñador. El diseñador no es más que un instrumento comunicativo en esencia.

Nine skills that separate good and great designers

9 habilidades que separan buenos y grandes diseñadores

Vía / Criterion

Escapada Rural: desarrollo de un proyecto

ByLuis

escapadarural.pngAlgo que nos puede interesar tanto como la aparición de un nuevo sitio web, es obtener información sobre cómo se ha desarrollado ese sitio para así tener una idea mejor sobre lo que es necesario tener en cuenta si nos metemos en un proyecto parecido.
En este caso, Fabio nos comenta que él y Gus se han metido en el desarrollo de Escapada Rural, y algo que me ha interesado es cómo lo han desarrollado. Por lo cual les hice una serie de preguntas que tuvieron la amabilidad de responder. Para evitar la vergüenza de que veáis mi escaso estilo periodístico os comento lo más destacable desde mi punto de vista.
Un proyecto de este estilo se puede desarrollar perfectamente entre un par de personas, como ellos mismos dicen: “un número no muy elevado de gente involucrada facilita tener más dinamismo en las decisiones”, y aunque pueda asustar la cantidad de trabajo que es necesario realizar, dos personas, trabajando algún fin de semana y horas libres puede sacarlo en unos cinco meses.
Ante la duda que suele surgir sobre si usar un framework o no, parece ser que la página web ha sido desarrollada completamente por ellos, aunque eso sí, han usado WordPress para el blog y tienen en mente usar un CMS para integrar contenidos a la web.
Sobre el sistema han decidido usar LAMP debido a la sencillez y a la agilidad que aportan. Sobre el tema de hosting, no es dedicado, pero si uno que les sea fácil ampliar de necesidades: “Ello no significa tener un gran servidor dedicado, sino uno que nos permita crecer sin problemas. Siempre es aconsejable tener un cierto dinamismo en este punto ya que los sistemas de una web deben permitir reaccionar rápido ante un incremento del ancho de banda o de la capacidad tanto de almacenamiento como de proceso.”
Según lo que se obtiene de ellos, es posible realizar nuestros propios proyectos, incluso con presupuesto cero, solo es necesario ponerle ilusión y trabajo.
Gracias a ambos por compartir con nosotros vuestra experiencia.
Escapada Rural

Bitnami: simplificación del open source

ByLuis

Bitnami es una web que pretende simplificar el uso de las aplicaciones web open source. Para ello lo que hace es recopilar aplicaciones y agruparlas en paquetes (stacks) de fácil instalación para Linux, Windows y Mac.
bitnami.png
Además también agrupa los contenidos en aplicaciones para documentar, blogs, CMS o Wiki. Por ello podemos instalar aplicaciones como Joomla!, Drupal, Mediawiki y WordPress de forma muy sencilla. Además nos da la posibilidad de conocer algunas que nos pueden ser útiles y porder elegirlas por plataforma o licencia gracias al sistema de tags.
Los stacks son independientes a otras aplicaciones instaladas, completos, y pueden ser instalados en el directorio que se quiera, por lo que puede haber diferentes instancias del mismo stack. Algo bueno es que hasta que no se pulsa el botón finalizar, no se empieza con la instalación, evitando así instalaciones incompletas.
BitNami
Vía / dzone

Google Adsense Cost Per Action

ByLuis

google-adsense.pngGoogle Adsense está testeando su nuevo método de publicidad CPA, Cost Per Action (Coste Por Acción). El sistema de de pay per click, puede ser fácilmente amañado al crear un sistema que automatice los clicks en una página. Este nuevo sistema, lo que exige es que se realiza una acción posterior al click, por ejemplo registrarse en algún sitio, lo cual dificultaría los procesos automáticos de fraude. Este tipo de publicidad es compatible con la actual de Adsense, pero al usar distintos servidores, necesita su propio banner. Las primeras impresiones sobre los usuarios que han testeado este sistema no son muy positivas.
Vía / SitePoint