Muitos não sabem, mas o Google tem uma série de funcionalidades em suas APIs que facilitam muito nossas vidas.
A Google Chart API (http://code.google.com/apis/chart/) permite a criação de gráficos de forma dinâmica e on-line (API para criação de gráficos). Esta é uma API muito interessante que descobri recentemente.
Com ela é possível gerar gráficos nos seguintes tipos: Bar chart, Line chart, Radar chart, Scatter plot, Venn diagram, Pie chart, Google-o-meter, Maps e QR-Code.
Para a criação de cada tipo de gráfico existe uma infinidade de parâmetros, tais como cores, tamanho, dados, título, legenda, entre outros.
Resultado do nosso exemplo utilizando gráfico pie3:
Outro exemplo, que é um dos meus preferidos atualmente é o novo modelo de código de barras bi-dimensional ou QR Code (http://en.wikipedia.org/wiki/QR_Code). Uma das grandes vantagens do QR Code é que ele pode ser interpretado rapidamente e com imagens de baixa resolução feitas por câmeras digitais no formato VGA.
O mais impressionante desde modelo de código de barras é que pode-se colocar qualquer coisa dentro dele. QR Code é tão empolgante que nos dará conteúdo para outro post futuro.
Fonte: http://www.linhadecodigo.com.br/artigo/2263/google-chart-api.aspx#ixzz6pUbg8wp1
Leia mais:
O Google Charts API é uma ferramenta muito útil e interessante para quem desenvolve aplicações web e quer gerar gráficos de uma forma dinâmica. Esta API caracteriza-se pela facilidade de utilização e implementação, não sendo necessária a instalação de qualquer software ou frameworks.
Para a sua utilização, basta o URL da API no qual serão referenciados os dados e características necessários para gerar o gráfico pretendido.
Para começar inserimos o seguinte URL no browser: http://chart.apis.google.com/chart?cht=p3&chd=t:60,40,30&chs=260×110&chl=Ligeiros|Motas|Pesados
Podemos ver no exemplo que foi gerado um gráfico tipo “queijo” com a percentagem de Mulheres e Homens. Como resposta ao URL e parâmetros nele inseridos, a API gerou uma imagem PNG.
Podem ser gerados outros tipos de gráficos, com diversas cores e outros atributos, é isso que iremos ver a seguir.
Formato do URL Os parâmetros estão separados por “&”. Podem ser especificados quantos parâmetros se desejarem e pretenderem.
http://chart.apis.google.com/chart? ?
Localização da Chart API cht=p3 ?
Tipo de gráfico chd=t: 60,40,30 ?
Valores do gráfico chs=260x110 ?
Dimensões do gráfico (em pixels) chl= Ligeiros|Motas|Pesados ?
Referências do gráfico (r Claro que a utilização deste API não se resume à aplicação em URLs. Uma vez que é gerada uma imagem, é essa mesma imagem que será utilizada no layout de uma aplicação ou site.
Para isso deveremos inserir a URL pretendida numa tag de imagem, como se fosse um arquivo .jpg, .gif ou *.png.
Seguindo o exemplo anterior, deveremos colocar a URL da seguinte forma:
Em alguns casos (repare no exemplo) será necessária a utilização da referência & no lugar de “&” quando inserido na tag.
Utilização de valores de bases de dados
Para aplicar um pouco mais de dinamismo aos gráficos e mais precisamente aos dados que ele representa, o Google Charts pode ser utilizado com valores de uma tabela de base de dados. Suponhamos que tem uma tabela com entradas no site:
SELECT count(*) FROM entradas WHERE entradas.mes=\'3\'
Então os valores ficariam na forma: &chd=t: , ,
Fonte: https://imasters.com.br/apis-microsservicos/google-charts-api