try.html

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <style>
  body { font: 10px Arial;}
  path {
    stroke-width: 1;
    fill: none;
  }
  .axis path,
  .axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
  }
  .axisRed text{
    fill: red;
  }
  </style>
  <!--<script src="https://d3js.org/d3.v4.min.js"></script>-->
  <script src="lib/d3.v6.min.js"></script>
  <script src="lib/jquery-3.5.1.min.js"></script>
  <link rel="stylesheet" href="lib/bootstrap-4.5.3-dist/css/bootstrap.min.css">
  <script src="lib/bootstrap-4.5.3-dist/js/bootstrap.bundle.min.js"></script>
</head>
<script>

d3.csv("file.csv").then(function(data) {
  console.log(data);
});

</script>
<body>
</body>
</html>