Galleria di fantastici grafici

Questa pagina mostra le possibilità offerte dall'API Tables.

 

	Uomo blu Un grafico a linee dettagliato disegnato a mano (lxy). Di: Roberto Mensa
	Tour de France, classificata Di: Thomas Guest     1987, Pedro Delgado Riproduzione grafica dell'incredibile tappa in montagna di Stephen Roche nel Tour del 1987. Pedro Delgado, vestito di giallo, aveva ottenuto un notevole vantaggio sul rivale nella salita di La Plagne. Eppure, in qualche modo Roche ha ripreso la contesa ed è apparso sul traguardo a soli 5 secondi di distanza da Delgado. Sorprese tutti. È collassato ed esausto e ha dovuto ricevere ossigeno, ma aveva fatto abbastanza: Roche ha vinto il Tour. Formidabile!                 2009, Mark Cavendish L'uomo di Mercurial Mark Cavendish ha vinto ben 6 tappe nell'ultimo Tour del 2009. Eccolo qui, che è diventato il primo britannico a vincere la resa dei conti finale sugli Champs-Élysées, vincendola con un enorme margine.
	Pac-Man Un grafico a torta che ricorda il leggendario Pac-Man. Di: Paolo Massa
	Mondrian Riproduzione con grafico a linee del famoso dipinto di Piet Mondrian: "Composizione con giallo, blu e rosso" (1937-42) realizzata con un grafico a linee. Di: Dmitry Scriptin
	Mappa stellare del grafico a dispersione Mostra un grafico stellare relativo a un luogo specifico della Terra, con l'equatore (x), l'eclittica (o), il polo (N), lo zenit (z) e diversi pianeti (h: Saturno, d - Marte, D - la Luna). Di: Mike Duffy
	Volpe Traccia del grafico a linee (lxy) di un'immagine disegnata a mano. Di: James di EPH Phone Answering Services
	Grafico a pois (plotaggio) Un buon esempio di utilizzo delle dimensioni e del posizionamento dei punti in un grafico a dispersione per trasmettere informazioni. Alcuni aspetti da considerare nell'URL di questo grafico: cht=s: questo è un grafico a dispersione. chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0: i dati di questo grafico sono disposti in modo molto ordinato sotto forma di griglia. Questo grafico a dispersione utilizza tre serie; l'ultima serie viene utilizzata per specificare la dimensione dei punti. chds=-1,24,-1,7,0,17: il parametro chds imposta una scala da -1 a 24 colonne e da -1 a 7 righe. In questo modo puoi specificare punti utilizzando una semplice griglia che corrispondono a ore e giorni, dove zero è la prima voce. Le scale iniziano con -1, in modo che i punti non vengano tracciati direttamente sulle linee dell'asse (viene aggiunta una riga/colonna vuota intorno al grafico). chm=o,333333,1,-1,25 - Specifica il tipo di indicatore predefinito utilizzato per tutti i punti. Assegna un cerchio quasi nero di 25 punti come dimensione predefinita. 25 è la dimensione del valore massimo dei dati. Valori inferiori nella terza serie di dati causeranno punti più piccoli. 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|: le etichette per gli assi x e y. Il primo valore è vuoto (specificato come "||") per entrambi gli assi, per lasciare uno spazio vuoto sull'intersezione degli assi. Da: github.com
	Grafico a linee del traffico web (grafico a linee) Un grafico a linee ben fatto che mostra stili di linee, indicatori sovrapposti, linee della griglia, riempimenti e indicatori di intervallo. Ecco i parametri di interesse: cht=lc: un grafico a linee, in cui i punti vengono distribuiti in modo uniforme lungo l'asse x. chg=25,25,3,2: specifica la dimensione e il motivo della griglia. Qui sono presenti linee di 25 unità lungo entrambi gli assi x e y, con un trattino di tre pixel e uno spazio di due pixel, che danno linee tratteggiate. chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0: due riempimenti: uno per lo sfondo del grafico e uno più chiaro per l'area del grafico. chm= - Gli indicatori a rombo bianco sulla linea sono in realtà una combinazione di due indicatori: prima un indicatore colore linea, poi un indicatore bianco leggermente più piccolo della stessa dimensione e forma sullo stesso punto, dando l'aspetto di un pennarello a rombo bianco. Poiché il colore di riempimento viene specificato per primo, si trova automaticamente sotto l'indicatore bianco, quindi non è necessario specificare il valore dell'ordine z affinché l'indicatore possa gestire i livelli. r,FF00004C,0,0.40,0.60: banda rossa orizzontale sullo sfondo del grafico. Tieni presente che i valori di inizio e fine sono compresi nell'intervallo 0,0-1,0, non 0-100. Specifica inoltre una trasparenza per consentire la visualizzazione delle linee della griglia e dello sfondo. R,0080004C,0,0,70,0,90 - Banda verde verticale sullo sfondo del grafico. Tieni presente che i valori di inizio e fine sono compresi nell'intervallo 0,0-1,0, non tra 0 e 100. Specifica inoltre una trasparenza per consentire la visualizzazione delle linee della griglia e dello sfondo. d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 - Marcatori a rombo rosso su tutti i punti della linea blu. Il primo indicatore è il rombo rosso, il secondo è leggermente più piccolo e bianco. d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 - Indicatori di diamanti blu su tutti i punti della linea blu. Il primo indicatore è il rombo blu, il secondo è leggermente più piccolo e bianco. 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: etichette dell'asse. Questo grafico mostra cinque insiemi di etichette dell'asse: due assi y e tre assi x. L'asse Y più interno (indice 0) include un'etichetta vuota invece di un indicatore "0", che riempie leggermente l'angolo in basso a sinistra del grafico. chxp=1,50.0| 4,50.0: specifica il posizionamento delle etichette "Hit" e "Mese" rispettivamente sugli assi y e x. chma=55,120,0,0: i margini sinistro e destro vengono aumentati per aggiungere un po' di spazio tra i lati del grafico e l'etichetta "Hit" e il testo della legenda. Di: charts4j.com
	Grafico radar Un grafico radar ben fatto con indicatori che mostrano voti piuttosto scarsi in diversi campi di studio. cht=r: un grafico radar. chxt=y,x: mostra la scala numerica sotto forma di cerchi concentrici (asse x) più indicatori di gradi (asse y). chls=4: stile della linea per la linea della traccia radar (linea larga quattro pixel). chd=t:80,49,48,78,59,80 - I dati includono un punto ridondante: il primo e l'ultimo punto hanno lo stesso valore, per consentire al grafico di eseguire correttamente il wrapping. chxp=0,0,20,40,60,80,100: consente di specificare le linee della griglia da mostrare sull'asse X. Senza questo parametro, le linee della griglia verrebbero visualizzate ogni 10 unità, il che creerebbe un grafico molto affollato. chxl=1:|Maths|Arts|French|German|Music: sono state specificate solo cinque etichette per sei punti dati. Il grafico è suddiviso in base a quale delle due opzioni è maggiore: etichette o (punti dati - 1). In questo grafico, rappresentano lo stesso valore. chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0: crea un indicatore in stile quadrato pieno, creato specificando prima dei quadrati rossi, poi un quadrato bianco leggermente più piccolo. Il quadrato bianco viene specificato per secondo, quindi viene disegnato per secondo e non c'è bisogno di preoccuparsi di specificare l'ordine z di ogni indicatore per determinare come vengono impilati. Di: charts4j.com
	Grafico radar fantasioso Un grafico radar fantasioso. Consiste in due serie di dati: una per i petali e una per l'occhio blu al centro. I piccoli cerchi rosa sono indicatori circolari. L'occhio e i petali vengono colorati utilizzando i riempimenti delle linee. Alcuni aspetti da considerare nell'URL: cht=rs: un grafico radar di tipo rs anziché r per visualizzare spline arrotondate. chd=s: ...: due serie di dati specificate, ciascuna con 202 punti dati. La prima serie è dedicata ai petali, la seconda all'occhio al centro. Ogni punto è di circa 360/202 = 1,8 gradi di distanza. chf=bg,s,504227 - Riempimento sfondo marrone chm= B,8FA3D6,0,0,0: il riempimento dei petali di pervinca. o,FFC0CB,1,0,20,0: dieci indicatori a cerchio rosa (non tutti mostrati qui) a 20 punti dati l'uno dall'altro (circa 36 gradi di distanza). o,FFC0CB,1,20,20,0 o,FFC0CB,1,40,20,0 ... o,FFC0CB,1,200,20,0 B,3D5593,1,0,0: il riempimento blu scuro per l'occhio centrale Di: charts4j.com
	Curva di Lissajous (grafico a linee) La maggior parte delle persone ha visto una curva di Lissajous su un oscilloscopio. Questo è un grafico a linee lxy che utilizza un approccio di forza bruta per tracciare ogni punto della curva, punto per punto. Descrive le coordinate x e y di 800 singoli punti utilizzando il formato di codifica esteso. Di: charts4j.com
Grafico a barre verticali La classifica indica l'impatto dei restanti giorni sulle statistiche basate sul possesso nella NBA. Mostra le differenze tra la media del campionato NBA quando le squadre giocano nei restanti giorni specificati. Di: NBAStuffer.com