How to resize Javascript embedding in html css?

I am trying to embed a javascript interactive graph into my html code (its a markdown file) using Jekyll for GitHub. However, the graph is displayed way too large and I was wondering if I can resize it so it fits the webpage


# This is the title 

## This is the subitle 


### Example graph 

In the example below we see an interactive graph that you can push and pull in a very 

  <head>
    <style> body { margin: 0; } </style>

    <script src="//unpkg.com/three"></script>
    <script src="//unpkg.com/three-spritetext"></script>
  
    <script src="//unpkg.com/3d-force-graph"></script>
    <!--<script src="../../dist/3d-force-graph.js"></script>-->
  </head>

  <body>
    <div id="3d-graph"></div>
  
    <script type="text/javascript" src="/3d-JS-Network/test.js"></script>
  </body>
 

Here is also the output:

output