Built with blockbuilder.org
xxxxxxxxxx
<!-- // from https://bl.ocks.org/cjhin/7023f2df4f9165b6e4ed8e07ab7b968a -->
<meta charset="utf-8">
<head>
<link rel="stylesheet" href="style.css">
<script src="d3.v4.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://colorbrewer2.org/export/colorbrewer.js"></script>
</head>
<body>
<fieldset class="field_set">
<form name="myform" onSubmit="return handleClickSearch()">
<input name="Submit" type="submit" size="30" style="font-size: 14px;" color="#fff" value="Search">
<input type="text" id="mySearchTerm" size="55" style="font-size: 14px;" placeholder="search in added information e.g. skill 02 or NLP">
<input name="Submit" type="submit" size="30" style="font-size: 14px;" color="#fff" value="Search">
</form>
</fieldset>
<div class="container">
<svg id="chart"></svg>
<div class="ontheright">
<svg id="legend"><svg>
<div id="infodiv"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
Modified http://colorbrewer2.org/export/colorbrewer.js to a secure url
https://d3js.org/d3.v4.min.js
https://colorbrewer2.org/export/colorbrewer.js