Test — shortcode chart

Page draft pour valider le rendu des charts Direction 2 (line + sparkline).

Page de test interne pour valider le rendu du shortcode chart sur draft. Ne pas indexer, ne pas linker depuis le menu — draft: true la garde hors de la production.

Line chart — BTC / USD annuel

Variante bloc, encadrée, axes mono, accent vert/rouge automatique.

BTC / USD — clôture annuelleBTC / USD — clôture annuelle050k100k20162021SOURCE · CoinGecko · approximation pédagogique
Clôture annuelle, base CoinGecko — approximation pédagogique.

Sparkline inline

Variante mini, sans axes, glissée dans une phrase. Sur la décennie 2014→2026, le BTC a fait sparkline en USD — soit grosso modo ×130 sur la période.

Cette même sparkline, plusieurs fois dans un paragraphe, doit rester visuellement discrète : sparkline au milieu d’une phrase, et encore sparkline en fin de paragraphe.

Édge case — chart manquant

chart:ce-chart-nexiste-pas — missing asset

Doit afficher le placeholder missing asset rouge dashed.

À vérifier visuellement

  • Desktop : ticks lisibles, axe Y aligné à droite des labels
  • Mobile : ticks pas trop petits (font-size 14 sur viewBox 720)
  • Dark : couleurs cohérentes avec --muted / --rule / --green
  • Light : pareil après toggle theme
  • Sparkline : alignée verticalement avec le texte, pas de saut de ligne
auto à 80% de scroll
N
nicolas
// rédacteur · solo

J'écris ce blog en français, à raison d'environ un article par semaine. L'objectif n'est pas de vous faire trader, mais de vous donner les outils pour décider seul.

newsletter / weekly

Un article comme celui-ci, chaque dimanche soir. 4 minutes. Pas de bruit.

double opt-in aucune pub /unsub 1 clic
commentaires[] remark42 · auto-hébergé · sans tracker