Ceci est un brouillon – un article plus complet est à venir.
Gitgraph.js est une bibliothèque JavaScript pour dessiner des graphiques git
simple d’utilisation.
Cet outil permet de faire des graphes représentant l’évolution d’un code source dans le temps.
Préalable
Il faut quelques notions sur git
– Article à venir… (un jour, peut-être)
Intégration dans une page web
Il faut commencer par récupérer la bibliothèque :
-
À partir de la dernière mise à jour – les fichier qui vous intéresse se trouve dans le dossier build de l’archive,
L’intégration dans votre code HTML
est très simple :
Ajouter dans l’entête les liens vers, le fichier CSS
<link rel="stylesheet" type="text/css" href="/js/gitgraph.js/1.15.2/gitgraph.css" />
Puis vers le code JavaScript
<script src="/js/gitgraph.js/1.15.2/gitgraph.min.js"></script>
Puis dans le corps du fichier :
<canvas id="gitGraph"></canvas>
Ensuite ajouter votre code JavaScript
<script>
…
</script>
Dessin d’un graphe
Ceci est un brouillon – un article plus complet est à venir.
Références
- La [documentation de Gitgraph.js]
http://gitgraphjs.com/
en anglais (lien cassé). - Le code source
- Une autre version de la documentation
ᦿ