006_3circles.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example: 3 circles</title>
</head>
<body>

<p>
    <button id="btnSelectElements">Selecting Elements</button>
    <button id="btnRandPosition">Random Position</button>
    <button id="btnBindingData">Binding Data</button>
    <button id="btnEnterElements">Entering Elements</button>
    <button id="btnRemoveElements">Exiting Elements</button>

    <button id="btnGeneralPattern">General Pattern</button>

</p>


<svg width="720" height="120">
    <circle cx="40" cy="60" r="10"></circle>
    <circle cx="80" cy="60" r="10"></circle>
    <circle cx="120" cy="60" r="10"></circle>
</svg>


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

<script src="dist/006_3circles.js"></script>

</body>
</html>