Galeria de gráficos bacanas

Esta página mostra o que é possível fazer com a API de gráficos do Google.

 

	Homem azul Um gráfico de linhas (lxy) detalhado, desenhado à mão. Por: Roberto Mensa
	Tour de France em gráfico Por: ThomasGuest     1987, Pedro Delgado Reprodução gráfica da dramática etapa de montanha feita por Stephen Roche no Tour de 1987. Pedro Delgado, usando amarelo, conseguiu uma vantagem significativa sobre seu rival na subida da montanha La Plagne. No entanto, de alguma forma, Roche conseguiu voltar à contenção, aparecendo na linha de chegada apenas cinco segundos abaixo de Delgado. Ele surpreendeu a todos. Ele desmaiou, exausto e teve que receber oxigênio, mas fez o suficiente. Roche venceu o Tour. Formidável:                 2009, Mark Cavendish O mercurial Mark Cavendish venceu as incríveis seis etapas do Tour de 2009. Aqui está ele, tornando-se o primeiro britânico a vencer a última batalha da Champs-Élysées e vencendo o campeonato por uma margem imensa.
	Pac-Man Gráfico de setores que lembra o legendário jogo Pac-Man. Por: Paolo Massa
	Mondrian Reprodução do gráfico de linhas da famosa pintura de Piet Mondrian: "Composição com amarelo, azul e vermelho" (1937-42), criada com um gráfico de linhas. Por: Dmitry Scriptin
	Mapa de estrelas com gráfico de dispersão Mostra um gráfico de estrelas de um local específico na Terra, mostrando o equador (x), a eclíptica (o), o polo (N), o zênite (z) e vários planetas (h — Saturno, d — Marte, D, a Lua). Por: Mike Duffy
	Raposa Gráfico de linhas (lxy) a partir de uma imagem desenhada à mão. Por: James da EPH Phone Answering Services
	Gráfico de cartão perfurado (diagrama de dispersão) Um bom exemplo do uso de tamanho e posicionamento dos pontos em um gráfico de dispersão para transmitir informações. Algumas coisas a observar no URL deste gráfico: cht=s: este é um gráfico de dispersão. chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0: os dados deste gráfico estão muito bem dispostos em forma de grade. Este gráfico de dispersão usa três séries, e a última é usada para especificar o tamanho dos pontos. chds=-1,24,-1,7,0,17 - o parâmetro chds define uma escala de -1 a 24 colunas e -1 a 7 linhas. Isso permite especificar pontos usando uma grade simples correspondente a horas e dias, em que zero é a primeira entrada. As escalas começam com -1 para que os pontos não sejam desenhados diretamente nas linhas dos eixos (adicionam uma linha/coluna em branco ao redor do gráfico). chm=o,333333,1,-1,25: especifica o tipo de marcador padrão usado para todos os pontos. Ele atribui um círculo quase preto de 25 pontos como o tamanho padrão. 25 é o tamanho do valor máximo dos dados; valores menores que isso na terceira série de dados resultarão em pontos menores. chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat|: os rótulos para os eixos x e y. O primeiro valor está vazio (especificado como "||") para ambos os eixos, para deixar um espaço vazio na interseção do eixo. Por: github.com
	Gráfico de linhas de tráfego da web (gráfico de linhas) Um gráfico de linhas muito bem feito demonstrando estilos de linha, marcadores sobrepostos, linhas de grade, preenchimentos e marcadores de intervalo. Veja os parâmetros de interesse: cht=lc: um gráfico de linhas que espaça os pontos de maneira uniforme ao longo do eixo x. chg=25,25,3,2: especifica o tamanho e o padrão da grade. Aqui, são linhas de 25 unidades ao longo dos eixos x e y, com um traço de três pixels e um espaço de dois pixels, resultando em linhas tracejadas. chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0: dois preenchimentos: um para o plano de fundo do gráfico e outro mais claro para a área de plotagem. chm= - Os marcadores de losango com preenchimento branco na linha são, na verdade, uma combinação de dois marcadores: um marcador de cor da linha primeiro e, depois, um marcador branco um pouco menor do mesmo tamanho e forma sobre o mesmo ponto, o que dá a aparência de um marcador de losango com preenchimento branco. Como a cor de preenchimento é especificada primeiro, ela fica automaticamente abaixo do marcador branco. Não é necessário especificar o valor da ordem z para que o marcador manipule as camadas. r,FF00004C,0,0.40,0.60: faixa vermelha horizontal no plano de fundo do gráfico. Observe como os valores inicial e final variam de 0,0 a 1,0, não de 0 a 100. Ele também especifica uma transparência para permitir que as linhas de grade e o plano de fundo sejam exibidos. R,0080004C,0,0.70,0.90 - faixa verde vertical no plano de fundo do gráfico. Observe como os valores inicial e final estão no intervalo de 0,0 a 1,0, não de 0 a 100. Ele também especifica uma transparência para permitir que as linhas de grade e o plano de fundo sejam exibidos. d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 — marcadores de losango vermelhos em todos os pontos da linha azul. O primeiro marcador é o losango vermelho, o segundo é um pouco menor e branco. d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 - marcadores de losango azuis em todos os pontos da linha azul. O primeiro marcador é o losango azul, o segundo é um pouco menor e branco. chxt=y,y,x,x,x e chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month: rótulos do eixo. Este gráfico mostra cinco conjuntos de rótulos de eixos: dois eixos y e três eixos x. O eixo y mais interno (índice 0) inclui um rótulo em branco em vez de um marcador "0", o que congestionaria um pouco o canto inferior esquerdo do gráfico. chxp=1,50.0| 4,50.0: especifica o posicionamento dos rótulos "Hits" e "Month" nos eixos y e x, respectivamente. chma=55,120,0,0: as margens esquerda e direita são aumentadas para adicionar um pouco de espaço entre as laterais do gráfico e o rótulo "Hits" e o texto da legenda. Por: charts4j.com
	Gráfico de radar Um gráfico de radar bem feito com marcadores mostrando algumas notas ruins em diferentes áreas de estudo. cht=r: um gráfico de radares. chxt=y,x: mostra a escala numérica como círculos concêntricos (eixo x) mais marcadores de graus (eixo y). chls=4: estilo da linha do radar (linha de quatro pixels de largura). chd=t:80,49,48,78,59,80 : os dados incluem um ponto redundante: o primeiro e o último pontos têm o mesmo valor, para que o gráfico seja agrupado. chxp=0,0,20,40,60,80,100: especifica as linhas de grade a serem exibidas no eixo X. Sem esse parâmetro, as linhas de grade seriam mostradas a cada 10 unidades, o que criaria um gráfico muito ocupado. chxl=1:|Maths|Arts|French|German|Music: somente cinco rótulos especificados para seis pontos de dados. O gráfico é dividido no que for maior: rótulos ou (pontos de dados - 1). Neste gráfico, eles possuem o mesmo valor. chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0: cria um marcador de estilo quadrado preenchido, especificando primeiro os quadrados vermelhos e depois um quadrado branco um pouco menor. Como o quadrado branco é especificado em segundo lugar, ele é desenhado em segundo. Não é necessário especificar a ordem z de cada marcador para determinar como eles serão empilhados. Por: charts4j.com
	Gráfico de radar elegante Um gráfico de radar elegante. Ela consiste em duas séries de dados: uma para as pétalas e a outra para o olho azul no meio. Os círculos rosa menores são marcadores de círculo. O olho e as pétalas são coloridos com o preenchimento de linhas. Algumas coisas a observar neste URL: cht=rs: um gráfico de radar do tipo rs em vez de r para fornecer splines arredondados. chd=s: ...: duas séries de dados especificadas, cada uma com 202 pontos de dados. A primeira série é para as pétalas, a segunda é para o olho no meio. Cada ponto é separado do outro por aproximadamente 360/202 = 1,8 grau. chf=bg,s,504227: preenchimento marrom do plano de fundo chm= B,8FA3D6,0,0,0: preenchimento azul-turquesa das pétalas. o,FFC0CB,1,0,20,0: 10 marcadores de círculo rosa (nem todos são mostrados aqui) a 20 pontos de dados de distância (cerca de 36 graus). o,FFC0CB,1,20,20,0 o,FFC0CB,1,40,20,0 ... o,FFC0CB,1,200,20,0 B,3D5593,1,0,0: preenchimento azul-escuro para o olho central. Por: charts4j.com
	Curva de Lissajous (gráfico de linhas) A maioria das pessoas já viu uma curva de Lissajous em um osciloscópio. Este é um gráfico de linhas lxy que usa uma abordagem de força bruta para traçar cada ponto da curva, ponto por ponto. Ele descreve as coordenadas x e y de 800 pontos individuais usando o formato de codificação estendido. Por: charts4j.com
Gráfico de barras verticais O gráfico descobre o impacto dos dias de descanso sobre a posse de bola com base nas estatísticas da NBA. Mostra como a média da liga da NBA difere quando os times jogam nos dias de descanso especificados. Por: NBAStuffer.com