D3.js tutoriel - Partie 1 - Démarrer avec D3.js

D3.js est une bibliothèque pour la visualisation de données en ligne. Celle-ci vous permet de créer des graphiques en HTML, SVG et CSS.

Pour utiliser D3.js sur une page web, vous devez inclure les ligne suivantes dans l'en-tête de votre page :

<script src="https://d3js.org/d3.v5.min.js"></script>

Voici un modèle de page HTML typique permettant l'utilisation de D3.js :

<html>
  <head>
    <!-- Load d3.js v5 -->
    <script src="https://d3js.org/d3.v5.min.js"></script>        
  </head>
  <body>
    <!-- Div to manipulate -->
    <div id="d3"></div>

    <script>
      // Add text to the div
      d3.select('#d3').text('Hello world!')
    </script>

  </body>
</html>

Les exemples de ce tutoriel sont créés directement en ligne avec JSFiddle:

Voir aussi


Dernière mise à jour : 28/01/2020