Chemical structure similarity network (DrugBank5.0.5 FDA Approved)

.block

license: mit
height: 600

README.md

• Chemical structure similarity network (known as Chemical space network https://doi.org/10.1007/s10822-014-9760-0)
• Threshold: Graph-based local similarity, diamater=8 (GLS08) >= 0.7 (see https://github.com/mojaie/chorus)
• DrugBank FDA Approved drug dataset (1908 drugs, permitted to use under Creative Common’s by-nc 4.0 License)
• Written by Kiwiii v0.13.1 https://github.com/mojaie/kiwiii

index.html

<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="https://mojaie.github.io/kiwiii/default.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://unpkg.com/dexie@latest/dist/dexie.min.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js"></script>
<script src="https://vega.github.io/vega/vega-core.min.js"></script>
<script src="https://cdn.rawgit.com/upphiminn/jLouvain/76b19313/jLouvain.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pako/1.0.5/pako.min.js"></script>
<script src="https://mojaie.github.io/kiwiii/kwnetwork.js"></script>

<svg id="nwview"></svg>
<script src="nwview.js"></script>

nwview.js

d3.buffer("https://mojaie.github.io/kiwiii/resources/DrugBank5.0.5_FDA_Approved_GLS08.gfc")
  .then(res => {
    const data = JSON.parse(pako.inflate(res, {to: 'string'}));
    const width = 1000;
    const height = 600;
    const state = new kwnetwork.NetworkState(data, width, height);
    d3.select('#nwview')
      .call(kwnetwork.view.networkView, state)
      .call(kwnetwork.interaction.setInteraction, state);
  });

thumbnail.png