cClaude.rocks ☕ Le blog

[Nouvelles technologies, sciences et coups de gueule…]

Menu

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,

  • Utiliser un CDN, Gitgraph.js est disponible depuis CDNSJ.

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

ᦿ


ℹ 2006 - 2024 | 🏠 Accueil du domaine | 🏡 Accueil du blog