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: