D3 Examples - Filter forceLayout

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
​
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
​
<div class="searchcontainer">
    <input id="search">
    <button type="button" id="searchbutton">Search</button>
    <select name="filter">
      <option value="" selected>Show All</option>
      <option value="HTTP">Only HTTP</option>
      <option value="DNS">Only DNS</option>
    </select>
</div>
​
<div id="container" class="svg-container">
    <svg width="1680" height="700"></svg>
</div>
​
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.js"></script>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
​
<script src="filteredgraph.js"></script>
    