Le rapport du mois, ses graphiques tracés en courbes
Un camembert de l'emploi des heures, une jauge en anneau de l'avancement de l'année, une carte aux coins adoucis, et des arcs à qui l'on dit où aller plutôt que de combien tourner.
Dégradés en ligne droite, en cercle, et une couleur lue dans une fonction
Un dégradé est le moyen le moins cher de donner à une page plate l'air d'avoir été dessinée par quelqu'un : un en-tête qui s'estompe, un bandeau qui prend un peu d'épaisseur, un panneau qui n'est pas juste un rectangle d'une seule couleur. C'est aussi ce qu'on imite le plus souvent avec une image, et l'imitation se voit dès qu'on imprime la page ou qu'on la regarde de près.
Il y en a quatre sur la page ci-dessous, chacun nommé en dessous. Le dégradé droit est celui qui sert tous les jours : un bandeau qui s'efface, une barre à laquelle on donne un peu de relief. Le même en diagonale ne coûte rien de plus et se lit moins comme un réglage par défaut. Le dégradé en cercle sert pour une lueur derrière un nom ou un projecteur sur un panneau — et celui-ci est prolongé au-delà de son propre cercle, si bien que les coins se remplissent au lieu de rester vides, ce qui est l'oubli qui fait paraître un dégradé en cercle cassé. Le quatrième passe par trois couleurs au lieu de deux, ce dont une page a besoin quand les deux extrémités sont trop éloignées pour se lire d'un seul mouvement. Chacun est écrit une seule fois dans le document : le même dégradé employé sur vingt pages ne coûte qu'une description.
Ce que montre cet exemple
- Des dégradés en ligne droite et en cercle, chacun décrit une fois et réemployé.
- Un dégradé en cercle prolongé au-delà de son cercle, jusqu'aux coins.
- Un dégradé qui passe par trois couleurs, et non par deux seulement.
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 11.6 ko
Des exemples voisins de celui-ci
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.
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.
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.