Différences entre versions de « Sparkline »
De Mi caja de notas
(Page créée avec « {{stub}} A '''<dfn>sparkline</dfn>''' is a small, simple, data-dense graphic with typographic resolution that is shown inline and in-context with relevant text. The term... ») |
|||
| (6 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| − | + | Une '''<dfn>sparkline</dfn>''' est un petit graphique, simple, dense-en données avec une résolution typographique qui s’affiche dans la ligne et dans le contexte avec le texte pertinent. | |
| − | + | Le terme a été inventé par [[Edward Tufte]], et inspiré par les [http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00004p dessins de Galilée de la forme de Saturne dans la ligne] avec ses écrits en rapport. | |
| − | + | Voir aussi : http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR | |
| − | + | Contrairement à la [https://fr.wikipedia.org/wiki/Sparkline définition de Wikipedia], les sparklines ne sont pas limitées aux graphiques, les graphiques sont simplement le cas le plus courant d’usage des sparklines (et le "graphe ligne" est malheureusement quelque chose d’implicite avec le mot "ligne" dans le nom). À la place, sparkline comprend les types de graphiques qui l’a inspiré au début, voir par ex. les notes de Tufte sur les dessins de Galilée sur la forme de Saturne 🪐 dans la ligne avec du texte : | |
| − | + | [[File:Sparkline-galilee-edward-tufte.jpeg|400px|Crédit photo [[Edward Tufte]][http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00004p http://www.edwardtufte.com/bboard/images/0001sC-2044.jpg] | |
| + | ]] | ||
| − | [ | + | == Exemples IndieWeb == |
| + | === Wiki IndieWeb === | ||
| + | Le wiki IndieWeb permet l’ajout simple de sparklines sous forme de mini-avatars placé à côté des noms d’utilisateur pour fournir des attributions rapides et des liens dans le wiki. Pour en créer un, regardez les pages qui suivent : | ||
| + | * [[wikifier#Étape_Quatre_:_Ajouter_une_sparkline|paramétrer un pseudo avec un petit modèle de h-card]] | ||
| + | * [[Template:sparkline]] | ||
| + | |||
| + | === Jeremy Keith === | ||
| + | {{adactio}} a des sparklines sur son site personnel (depuis ??-??-??) indiquant la fréquence de production de certains posts dans le temps. Il a aussi documenté quelques-unes de ses expérimentations : | ||
| + | * [https://adactio.com/journal/5941/ Canvas Sparklines] par {{adactio}} | ||
| + | * [https://adactio.com/journal/10531 Sparklining] par {{adactio}} | ||
| + | |||
| + | [[File:Jeremy_Keith_sparklines.PNG]] | ||
| + | Un exemple de sparklines pour les entrées de Journal, Liens, Articles, et Notes sur le site web d’{{adactio}} | ||
| + | |||
| + | === Chris Burnell === | ||
| + | [https://chrisburnell.com/ Chris Burnell] a expérimenté les sparklines et décrit quelques-unes de ses expériences sur [https://chrisburnell.com/article/sparkline-sound-off/ Sparkline Sound Off] | ||
| + | |||
| + | == Ressources == | ||
| + | === WordPress === | ||
| + | Il existe plusieurs plugins pour ajouter des sparklines aux sites web WordPress : | ||
| + | * [https://wordpress.org/plugins/activitysparks/ Activity Sparks] : le plugin de Greg Jackson ajoute quelques fonctionnalités configurables pour ajouter des sparklines aux sites [[WordPress-fr|WordPress]] y compris dans les articles et commentaires tout comme pour le trading des [[categories-fr|catégories]]/[[tags-fr|tags]]. | ||
| + | * [https://dentedreality.com.au/projects/wp-sparkplug/ Sparkplug] de [https://dentedreality.com.au/ Beau Lebens] a un plugin similaire au plugin Activity Sparks (au-dessus), mais avec une implémentation un peu plus ancienne et différente. | ||
| + | |||
| + | === Sparks, une police de caractère === | ||
| + | [https://github.com/aftertheflood/sparks Sparks] est une police de caractères pour créer des sparklines dans le texte sans code. La fonctionnalité et les détails sont décrits en détail sur [https://aftertheflood.com/projects/sparks/ The world’s first code-free sparkline typeface]. | ||
== Voir aussi == | == Voir aussi == | ||
* [[Template:sparkline]] | * [[Template:sparkline]] | ||
| + | * [[wikifying-fr|wikifier]] | ||
| + | * [[posting graph-fr]] | ||
* http://kryogenix.org/days/2012/12/30/simple-svg-sparklines/ | * http://kryogenix.org/days/2012/12/30/simple-svg-sparklines/ | ||
* http://www.kevinmarks.com/svgsparklines.html | * http://www.kevinmarks.com/svgsparklines.html | ||
* http://www.kevinmarks.com/joyofsparks.html | * http://www.kevinmarks.com/joyofsparks.html | ||
| + | * [https://github.com/tgvashworth/sparksvg Spark SVG] | ||
| + | * https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR | ||
Version actuelle datée du 22 février 2020 à 06:56
Une sparkline est un petit graphique, simple, dense-en données avec une résolution typographique qui s’affiche dans la ligne et dans le contexte avec le texte pertinent.
Le terme a été inventé par Edward Tufte, et inspiré par les dessins de Galilée de la forme de Saturne dans la ligne avec ses écrits en rapport.
Voir aussi : http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR
Contrairement à la définition de Wikipedia, les sparklines ne sont pas limitées aux graphiques, les graphiques sont simplement le cas le plus courant d’usage des sparklines (et le "graphe ligne" est malheureusement quelque chose d’implicite avec le mot "ligne" dans le nom). À la place, sparkline comprend les types de graphiques qui l’a inspiré au début, voir par ex. les notes de Tufte sur les dessins de Galilée sur la forme de Saturne 🪐 dans la ligne avec du texte :
Exemples IndieWeb
Wiki IndieWeb
Le wiki IndieWeb permet l’ajout simple de sparklines sous forme de mini-avatars placé à côté des noms d’utilisateur pour fournir des attributions rapides et des liens dans le wiki. Pour en créer un, regardez les pages qui suivent :
Jeremy Keith
Jeremy Keith a des sparklines sur son site personnel (depuis ??-??-??) indiquant la fréquence de production de certains posts dans le temps. Il a aussi documenté quelques-unes de ses expérimentations :
Un exemple de sparklines pour les entrées de Journal, Liens, Articles, et Notes sur le site web d’ Jeremy Keith
Chris Burnell
Chris Burnell a expérimenté les sparklines et décrit quelques-unes de ses expériences sur Sparkline Sound Off
Ressources
WordPress
Il existe plusieurs plugins pour ajouter des sparklines aux sites web WordPress :
- Activity Sparks : le plugin de Greg Jackson ajoute quelques fonctionnalités configurables pour ajouter des sparklines aux sites WordPress y compris dans les articles et commentaires tout comme pour le trading des catégories/tags.
- Sparkplug de Beau Lebens a un plugin similaire au plugin Activity Sparks (au-dessus), mais avec une implémentation un peu plus ancienne et différente.
Sparks, une police de caractère
Sparks est une police de caractères pour créer des sparklines dans le texte sans code. La fonctionnalité et les détails sont décrits en détail sur The world’s first code-free sparkline typeface.