D3.js is a JavaScript library for online data visualisation. It helps you creating HTML, SVG, and CSS charts.
To use the D3.js library on a web page, you need to include the following line in your page header:
<script src="https://d3js.org/d3.v5.min.js"></script>
Here is a typical html starting template:
<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>
The examples of this tutorial can be edited on line with JSFiddle: