Installation
Le plugin est à installer en suivant la procédure stantard..
Configuration
Aucune configuration est nécessaire. Mais, une fois le plugin activé, le menu Configuration | Gestion des plugins vous permettra d’accéder au niveau de la ligne concernant Graphes en SVG à une démonstration.
Utilisations
Le plugin met à disposition différents modèles pour créer des graphiques.
les modèles svg_barres_horizontales et svg_barres_verticales
<svg_barres_horizontales1|data=1152,549,2075,2342,1120,658,31,14|labels=Afrique subsaharienne,Afrique du Nord et Asie occidentale,Asie centrale et Asie du Sud,Asie de l'Est et Asie du Sud-Est,Europe et Amérique du Nord,Amérique latine et Caraïbes,Australie et Nouvelle-Zélande,Autres pays d'Océanie|colors=green,red,blue,pink,gray,brown,yellow,purple>
<svg_barres_verticales1|data=1152,549,2075,2342,1120,658,31,14|labels=Afrique subsaharienne,Afrique du Nord et Asie occidentale,Asie centrale et Asie du Sud,Asie de l'Est et Asie du Sud-Est,Europe et Amérique du Nord,Amérique latine et Caraïbes,Australie et Nouvelle-Zélande,Autres pays d'Océanie|colors=green,red,blue,pink,gray,brown,yellow,purple>
le modèle svg_lignes
<svg_lignes1|data=1152,549,2075,2342,1120,658,31,14|labels=Afrique subsaharienne,Afrique du Nord et Asie occidentale,Asie centrale et Asie du Sud,Asie de l'Est et Asie du Sud-Est,Europe et Amérique du Nord,Amérique latine et Caraïbes,Australie et Nouvelle-Zélande,Autres pays d'Océanie|colors=green,red,blue,pink,gray,brown,yellow,purple>
le modèle svg_anneau
<svg_anneau|data=1152,549,2075,2342,1120,658,31,14|labels=Afrique subsaharienne,Afrique du Nord et Asie occidentale,Asie centrale et Asie du Sud,Asie de l'Est et Asie du Sud-Est,Europe et Amérique du Nord,Amérique latine et Caraïbes,Australie et Nouvelle-Zélande,Autres pays d'Océanie|colors=#69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264,#F7464A,#46BFBD>
le modèle légendes
<svg_legendes|data=1152,549,2075,2342,1120,658,31,14|labels=Afrique subsaharienne,Afrique du Nord et Asie occidentale,Asie centrale et Asie du Sud,Asie de l'Est et Asie du Sud-Est,Europe et Amérique du Nord,Amérique latine et Caraïbes,Australie et Nouvelle-Zélande,Autres pays d'Océanie|colors=#69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264,#F7464A,#46BFBD>
Fonctionnement
« Un modèle est un petit squelette SPIP qui décrit un fragment de HTML facile à insérer dans un autre squelette ou — et c’est là le principal intérêt — dans le texte d’un article. »
Les modèles peuvent être appelés directement par une rédactrice ou un rédacteur depuis son article. Aucun pré requis est nécessaire pour utiliser ce plugin. La section précédente vous permet de voir comment sont fait les appels pour créer les graphiques.
Les modèles peuvent aussi être utilisé en inclusion dans un squelette, ce qui est une utilisation plus avancée. La démonstration vous permet de voir comment sont faites les inclusions (demo/graphes_en_svg.html
).
Références et liens
- Wikipedia - encyclopédie libre en ligne - Scalable Vector Graphics (en français)
- World Wide Web Consortium - recommendations et normes - What is SVG ? (en anglais)
Explication de développement et todo
Les deux idées du développement sont :
- de créer un Scalable Vector Graphics (en français « graphique vectoriel adaptable »). Pas de librairie. Pas de CSS complexe. Pas de javascript lourd, cela se fait from scratch ou « de zéro » en français.
- utiliser les modèles SPIP pour les afficher où il faut. C’est simple et efficace.
A faire : d’autres types de graphes, améliorations de ceux existants.
A noter : d’autres solutions de développements sont disponibles dans la communauté SPIP :
- le plugin Chart.js utilise un modèle unique et une librairie javascript éponyme.
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |