Aller au contenu principal

Tableau de Bord des Revenus

Un tableau de bord des revenus trimestriels d'une seule page pour Aurora Cloud, Inc., une société fictive — le type de rapport qu'un directeur financier apporte à une réunion du conseil d'administration. Tuiles KPI, un beignet de segments, un graphique en barres année après année, une ligne de tendance des revenus récurrents et un tableau de segments, le tout sur une seule page.

Le point de cet exemple n'est pas qu'il a des graphiques. C'est d'où viennent les graphiques.

  • Les graphiques sont des vecteurs natifs, dans les deux formats. La plupart des moteurs exportent les graphiques sous forme d'images aplaties : des pixels morts qui deviennent flous lorsque vous zoomez, ne peuvent pas être édités, et dérivent silencieusement lorsque vous passez du PDF à Word. Ici, chaque graphique est dessiné à partir de primitives canvas — le beignet est des chemins d'arc remplis, les barres sont des rectangles, la tendance est un chemin avec un remplissage de zone. Le résultat s'affiche sous forme de vecteur natif et modifiable dans les deux formats PDF et DOCX. Pas de captures d'écran, pas de PNG intégrés, pas de bibliothèque de graphique séparate.
  • Une seule source JSON. La même définition de document produit le PDF et le DOCX. Il n'y a pas de deuxième modèle, pas de port manuel, et pas de surprises de version Word — la mise en page est calculée une seule fois et émise vers le modèle de dessin natif de chaque format.
  • Liaison de données réelle. Les tuiles KPI, le tableau de segments et la ligne de commentaire lisent tous à partir d'un *.data.json compagnon ($data.kpis, $data.segments, $data.summary), donc les chiffres se trouvent dans les données, pas dans la mise en page.
  • Dessiné à l'échelle. Les balayages du beignet, les hauteurs des barres et les points de tendance sont des coordonnées simples — faciles à générer à partir de vos propres chiffres, et disposées par le même moteur qui définit le type autour d'eux.

Tout ici — géométrie des graphiques, tuiles KPI, le tableau lié aux données, le pied de page courant — est déclaré dans un seul fichier source JSON simple.

Fonctionnalités utilisées : Canevas, Liaison de données, Tableaux, Colonnes, Règles horizontales, Styles, En-têtes et pieds de page