Découper ce qu'on dessine
La même zone de rayures vue par deux fenêtres : un disque plein, et un anneau dont le milieu reste nu.
Le rapport du mois, ses graphiques tracés en courbes
Le rapport mensuel d'une imprimerie dit où sont passées les heures, où en est le travail depuis le début de l'année, et comment les commandes ont bougé de semaine en semaine. Ces chiffres arrivent d'habitude sous forme d'images collées sur la page : très bien à l'écran, floues dès que quelqu'un imprime ou regarde de plus près.
Ici, le document les dessine lui-même. Une page décrit des segments droits et des courbes : chaque forme doit donc être exprimée dans ces termes-là — un centre et un rayon, deux angles, trois points par lesquels passer. Le faire à la main, c'est une matinée de trigonométrie par graphique, et c'est justement la matinée que personne n'a — d'où les images collées à la place.
Ce que montre cet exemple
- Un camembert dont chaque part est un arc refermé par deux côtés droits.
- Une jauge en anneau, une carte aux coins adoucis, une courbe aux virages arrondis.
- Tracé par le logiciel de lecture, net à toutes les tailles, pour le poids d'une phrase.
Le code source complet
Rien n'est omis et rien n'est simplifié : c'est le programme exactement tel qu'il tourne, pour le développeur qui utilise cette bibliothèque. La troisième est la description elle-même : une simple liste de ce que la page doit dire, et c'est elle qu'on envoie au service.
Voir le code Rust Voir le code Python Voir le code JSON
Le document lui-même
Ouvrir le document en anglais Ouvrir le document en français
Ce document pèse 14.5 ko
Des exemples voisins de celui-ci
Transparence et modes de fusion
Des zones de couleur à moitié transparentes qui se chevauchent, un carré orange mis sur une barre bleue de quatre façons de mélanger les couleurs, et une ligne de lettres qui se chevauchent, peinte de deux façons.
Dégradés en ligne droite, en cercle, et une couleur lue dans une fonction
Cinq panneaux : un bandeau dont la couleur s'éteint, le même fondu posé en diagonale, une lueur prolongée au-delà de son cercle pour que les coins se remplissent, un dégradé qui passe par une troisième couleur, et un damier dont la couleur se calcule à partir de l'endroit où se tient chaque point, plus rouge vers la droite et plus vert vers le haut.
Textes et formes remplis d'un dégradé
Un dégradé employé comme couleur de remplissage : un titre dont les lettres sont autant de fenêtres sur un dégradé à trois couleurs, et un panneau rempli d'un dégradé en cercle.
Quatre sortes de maillages, une couleur à chaque sommet
Six triangles autour d'un centre qu'ils partagent, leurs arêtes tracées par-dessus la couleur ; un treillis de points dans les quatre encres d'imprimerie ; un carreau dont les quatre côtés sont des courbes ; et le même carreau, dont quatre points intérieurs tirent les couleurs.
Un seul dessin, et chacun y voit le sien
Le même plan d'étage sur six calques montrés et cachés un par un : les meubles et les cotes montrés, les notes internes cachées jusqu'à ce qu'on les demande, et un filigrane de brouillon destiné à l'écran et non au papier.