This is a visualization of a co-occurrance network for smell percepts. The data was scraped from flavornet.org. For every molecule in the database there was a list of percieved smells. e.g = {honey, spice, rose, lilac}
In summary:
Playing with the visualisation:
xxxxxxxxxx
<head>
<meta charset="utf-8" />
</head>
<div align='center' id="d3_selectable_force_directed_graph" style="width: 960px; height: 500px; margin: auto; margin-bottom: 12px">
<svg />
</div>
<link rel='stylesheet' href='d3v4-selectable-zoomable-force-directed-graph.css'>
<script src="https://d3js.org/d3.v4.js"></script>
<script src="d3v4-brush-lite.js"></script>
<script src="d3v4-selectable-force-directed-graph.js"></script>
<script>
var svg = d3.select('#d3_selectable_force_directed_graph');
d3.json('smells-nodes-links.json', function(error, graph) {
if (!error) {
//console.log('graph', graph);
createV4SelectableForceDirectedGraph(svg, graph);
} else {
console.error(error);
}
});
</script>
https://d3js.org/d3.v4.js