Enter, exit and update by datasets. Using as a component (Angular, React, ...).
xxxxxxxxxx
<html>
<head>
<meta charset="UTF-8" />
<title>Title</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<style>
.axis path,
.axis line {
fill: none;
stroke: #333;
shape-rendering: crispEdges;
}
.axis text {
font-family: sans-serif;
font-size: 11px;
}
path.line {
fill: none;
stroke: #333;
stroke-width: 2px;
}
text.label {
fill: #333;
stroke: none;
}
</style>
</head>
<body>
<div id="container"></div>
<script src="main.js"></script>
</body>
</html>
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js
https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js