index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<!-- Load d3.js -->
<script src="https://d3js.org/d3.v4.js"></script>
        <title>OEB Scientific Benchmarking Results 2D plot visualizer</title>
    </head>

    <body>
    <!-- replace the data dir property with the path to the data to be visualized -->
    <div id="custom_body" data-dir='["./APA"]'></div>    

    </body>

    <script src="./build/build.js" ></script>
    <!--barplot-->
 

</html>