<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style type="text/css">
        body {
            font: 10pt arial;
        }
        #myGraph {
            width: 800px;
            height: 800px;
            border: 1px solid lightgray;
            background-color:#333333;
        }
    </style>

    <script
            src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous">
    </script>
    <script src="js/githubAPI.js"></script>
    <script src="js/friendsGraph.js"></script>
    <script src="js/profileGen.js"></script>


    <script type="text/javascript" src="js/vis/vis.js"></script>
    <link href="js/vis/vis-network.min.css" rel="stylesheet" type="text/css" />


</head>
<body>

<h2 id="graphLabel"></h2>
<div id="myGraph" style="width:50%"></div>
<div id="profileGen" style="width:50%"></div>

<script>
    createFriendsGraph("jrtechs", "myGraph", "graphLabel");
</script>

<script>
    profileGen("jrtechs", "profileGen");
</script>

</body>
</html>