Outpus • Soloaga Designs » Crie gráficos poderosos com RGraph e HTML5

Crie gráficos poderosos com RGraph e HTML5

Publicado por renansoloaga em CSS, Experiência do usuário, Otimização, Software - 05 de abril de 2010 | Nenhuma resposta


Gráficos interativos, fáceis de implementar e gratuitos são muito difíceis de se encontrar. Em geral as bibliotecas de gráficos são desenvolvidas em Flash, tornando um conteúdo tão rico em informação como um gráfico, não indexável nas ferramentas de buscas como Google, Yahoo, Bing, etc. Por este motivo gostaria de destacar o RGraph, uma biblioteca de gráficos de uso livre que ultiliza a tag canvas do HTML5.

Infelizmente nem todos os navegadores em uso atualmente suportam o novo formato HTML5, porém se você está preparando sua aplicação para necessidades atuais e para dar suporte com qualidade a requisitos futuros, o RGraph é uma boa solução para isto.

Um pouco do que é o HTML5

No início de 2008 o W3C – consórcio de empresas de tecnologia para levar a Web ao seu máximo potencial – anunciou a primeira especificação do HTML 5. O HTML (Hypertext Markup Language), que é responsável por organizar e formatar as páginas que visitamos na internet, está em sua versão 4.0.1 e continua evoluindo. Após cinco anos de trabalho, esta, ainda, é apenas uma versão de testes do HTML 5 e a versão final está prometida para 2012. Foram feitas grandes alterações, que incluem:

  • novas API’s, entre elas uma para desenvolvimento de gráficos bidimensionais,
  • controle embutido de conteúdo multimídia,
  • aprimoramento do uso off-line,
  • melhoria na depuração de erros.

Fonte: http://pt.wikipedia.org/wiki/HTML_5

RGraph

RGraph
Usando a biblioteca do RGraph, é possível criar uma grande variedade de tipos de gráficos:

* Barra, pizza, rosca, radar, funil, gráficos polarizados
* Linha e gráficos de dispersão
* Formato de Velocímetro (Gauge)
* Odômetro
* Barra de progresso

Os gráficos são interativos (respondem ao passar do mouse e aos cliques) e, opcionalmente, podem carregar com animações ou zoom em um ponto específico.

Existe também um recurso de anotação, onde você pode desenhar sobre os gráficos para evidenciar os pontos que achar necessário.

Obs.: O RGraph só é gratuito para uso pessoal.

Posts relacionados:

Compartilhe este post:

Digg this ! So delicious Stumble it! Lendo post Crie gráficos poderosos com RGraph e HTML5




Deixe um comentário