|
Blue Man
Graphique en courbes détaillé dessiné à la main (lxy).
Par: Roberto Mensa |
|
Tour de France, classements cartographiés
Par: Thomas Guest
1987, Pedro Delgado
Reconstitution graphique de la scène montagneuse spectaculaire de Stephen Roche lors de la tournée de 1987. Pedro Delgado, vêtu d'une tenue jaune, avait pris l'avantage sur son rival dans l'ascension de La Plagne. Pourtant, Roche est rentré dans la bataille et apparaît à la ligne d'arrivée à seulement cinq secondes de Delgado. Il a surpris tout le monde. Il s'est effondré, épuisé et il a dû recevoir de l'oxygène, mais il en avait suffisamment fait. Roche a remporté le Tour. Formidable!
2009, Mark Cavendish
L'homme mercurial Mark Cavendish a remporté les six étapes incroyables du Tour 2009. Le voilà : il est devenu le premier Briton à avoir remporté l'affrontement final sur les Champs-Élysées, et l'a remporté avec une immense marge. |
|
Pac-Man
Un graphique circulaire ressemblant au légendaire Pac-Man.
Par: Paolo Massa |
|
Mondrian
Reproduction graphique linéaire du célèbre tableau de Piet Mondrian: "Composition avec jaune, bleu et rouge" (1937-1942) construit avec un graphique linéaire.
Par: Dmitry Scriptin |
|
Carte stellaire à nuage de points
Affiche un graphique en étoile pour un point géographique spécifique sur Terre, indiquant l'équateur (x), l'écliptique (o), le pôle (N), le zénith (z) et plusieurs planètes (h - Saturne, d - Mars, D - la lune).
Par: Mike
Duffy |
|
Renard
Trace graphique en courbes (lxy) d'une image dessinée à la main.
Par: James, EPH Phone Answering Services |
|
Graphique de carte perforée (nuage de points)
Un bel exemple d'utilisation de la taille et du positionnement des points dans un nuage de points pour transmettre des informations. Voici quelques points à noter dans cette URL de graphique:
cht=s : il s'agit d'un diagramme à nuage de points.
chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 : les données de ce graphique sont très ordonnées sous forme de grille. Ce diagramme de dispersion utilise trois séries ; la dernière est utilisée pour spécifier la taille des points.
chds=-1,24,-1,7,0,17 : le paramètre chds définit une échelle de -1 à 24 colonnes et de -1 à 7 lignes. Vous pouvez ainsi spécifier des points à l'aide d'une simple grille correspondant aux heures et aux jours, où zéro est la première entrée. Les échelles commencent par -1 afin que les points ne soient pas tracés directement sur les lignes des axes (une ligne ou une colonne vides est ajoutée autour du graphique).
chm=o,333333,1,-1,25 : spécifie le type de repère par défaut utilisé pour tous les points. Elle attribue un cercle presque noir de 25 points de long comme taille par défaut. 25 est la taille de la valeur de données maximale. Les valeurs inférieures à cette valeur dans la troisième série de données entraîneront des points plus petits.
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| : libellés des axes X et Y. La première valeur est vide (spécifiée par "||") pour les deux axes, afin de laisser un espace vide à l'intersection des axes.
Par: github.com |
|
Graphique en courbes du trafic Web (graphique en courbes)
Un graphique en courbes bien pensé montrant les styles de ligne, les repères qui se chevauchent, les lignes de grille, les remplissages et les repères de plage. Voici les paramètres qui vous intéressent:
cht=lc : graphique linéaire qui espace des points uniformément le long de l'axe X.
chg=25,25,3,2 : spécifie la taille et le modèle de la grille. Ici, il s'agit de lignes de 25 unités le long des axes X et Y, avec un tiret de trois pixels et un espace de deux pixels, ce qui donne des lignes en pointillés.
chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 : deux remplissages : un pour l'arrière-plan du graphique et un plus clair pour la zone de tracé.
chm=
- Les repères en losange remplis de blanc sur la ligne sont en réalité une combinaison de deux repères: d'abord un repère de couleur de trait, puis un repère blanc légèrement plus petit, de même taille et de même forme sur le même point, ce qui donne l'apparence d'un repère en losange à remplissage blanc. Étant donné que la couleur de remplissage est spécifiée en premier, elle est automatiquement placée sous le repère blanc. Vous n'avez donc pas besoin d'indiquer la valeur d'ordre Z pour que le repère gère la superposition.
r,FF00004C,0,0.40,0.60 : bande rouge horizontale sur l'arrière-plan du graphique.
Notez que les valeurs de début et de fin sont comprises entre 0,0 et 1,0, et non entre 0 et 100. Il spécifie également une transparence pour permettre l'affichage des lignes de la grille et de l'arrière-plan.
- R,0080004C,0,0.70,0.90 : bande verte verticale sur l'arrière-plan du graphique. Notez que les valeurs de début et de fin sont comprises entre 0,0 et 1,0, et non entre 0 et 100. Il spécifie également une transparence pour permettre l'affichage des lignes de la grille et de l'arrière-plan.
- d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 : marqueurs en losange rouge sur tous les points de la ligne bleue. Le premier repère est le losange rouge, le second est légèrement plus petit et blanc.
- d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 : marqueurs en losange bleus sur tous les points de la ligne bleue. Le premier repère est le losange bleu, le second est légèrement plus petit et blanc.
chxt=y,y,x,x,x et chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month : libellés d'axe. Ce graphique montre cinq ensembles de libellés d'axe: deux axes Y et trois axes X. L'axe y le plus interne (index 0) comprend un libellé vide au lieu d'un repère "0", qui encombrait un peu l'angle inférieur gauche du graphique.
chxp=1,50.0|
4,50.0 : spécifie l'emplacement des libellés "Appels" et "Mois" sur les axes y et x, respectivement.
chma=55,120,0,0 : les marges gauche et droite sont augmentées pour ajouter un peu d'espace entre les côtés du graphique et le libellé "Appels" et le texte de la légende.
Par: charts4j.com |
|
Graphique en radar
Un graphique en radar très bien fait avec des repères montrant des notes plutôt médiocres dans différents domaines d'études.
cht=r : graphique en radar.
chxt=y,x : affiche l'échelle numérique sous forme de cercles concentriques (axe des abscisses) plus des repères de degré (axe des y).
chls=4 : style de ligne de la ligne de trace du radar (ligne de quatre pixels de large).
chd=t:80,49,48,78,59,80 : les données comprennent un point redondant : le premier et le dernier point ont la même valeur, ce qui permet une bonne encapsulation du tracé.
chxp=0,0,20,40,60,80,100 : spécifie les lignes de la grille à afficher sur l'axe X. Sans ce paramètre, les lignes de la grille s'afficheraient toutes les 10 unités, ce qui créerait un graphique très chargé.
chxl=1:|Maths|Arts|French|German|Music : seules cinq étiquettes spécifiées pour six points de données. Le graphique est divisé selon la valeur la plus élevée: étiquettes ou (points de données - 1). Dans ce graphique, il s'agit de la même valeur.
chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 : crée un repère de style carré plein, créé en spécifiant d'abord des carrés rouges, puis un carré blanc légèrement plus petit. Le carré blanc est indiqué en second. Il est donc dessiné en second. Il n'est donc pas nécessaire de spécifier l'ordre Z de chaque repère pour déterminer comment ils sont empilés.
Par: charts4j.com |
|
Graphique en radar fantaisiste
Un graphique en radar fantaisiste. Elle se compose de deux séries de données: une pour les pétales et une pour l'œil bleu au milieu.
Les petits cercles roses sont des marqueurs circulaires. L'œil et les pétales sont colorés à l'aide de remplissages de lignes. Quelques éléments à noter dans l'URL:
cht=rs : graphique en radar de type rs plutôt que r pour obtenir des splines arrondies.
chd=s: ... : deux séries de données spécifiées, chacune avec 202 points de données. La première série concerne les pétales, la seconde l'œil au milieu. Chaque point est éloigné d'environ 1,8 degré et se trouve à 360/202 degrés.
chf=bg,s,504227 : remplissage de l'arrière-plan marron
chm=
B,8FA3D6,0,0,0 : remplissage du pervenche pour les pétales.
o,FFC0CB,1,0,20,0 : dix repères roses (qui ne sont pas tous représentés ici) à 20 points de données les uns des autres (à environ 36 degrés les uns des autres).
o,FFC0CB,1,20,20,0
o,FFC0CB,1,40,20,0
- ...
o,FFC0CB,1,200,20,0
B,3D5593,1,0,0 : remplissage bleu foncé pour l'œil central
Par: charts4j.com |
|
Courbe de Lissajous (graphique linéaire)
La plupart des gens ont vu une courbe de Lissajous sur un oscilloscope.
Il s'agit d'un graphique linéaire lxy qui utilise une approche par force brute pour tracer chaque point de la courbe, point par point. Il décrit les coordonnées X et Y de 800 points individuels en utilisant le format d'encodage étendu.
Par: charts4j.com |
Graphique à barres verticales
Le graphique illustre l'impact des jours de repos sur les statistiques basées sur la possession de la NBA. Il montre les différences entre la moyenne du championnat NBA lorsque les équipes jouent avec les jours de repos indiqués. Par: NBAStuffer.com |