JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var modulesjson = {"name": "twisted/web/client.py", "children": [{"name": "twisted ---PORTED--- __init__.py", "children": [{"name": "twisted.python ---PORTED--- __init__.py", "children": []}, {"name": "twisted.python.compat ---PORTED--- compat.py", "children": []}, {"name": "twisted._version ---PORTED--- _version.py", "children": [{"name": "twisted.python.versions ---PORTED--- versions.py", "children": []}]}, {"name": "twisted.python.deprecate ---PORTED--- deprecate.py", "children": []}]}, {"name": "twisted.python.log ---PORTED--- log.py", "children": [{"name": "twisted.python.context ---PORTED--- context.py", "children": []}, {"name": "twisted.python.reflect ---PORTED--- reflect.py", "children": []}, {"name": "twisted.python.util ---PORTED--- util.py", "children": []}, {"name": "twisted.python.failure ---PORTED--- failure.py", "children": []}, {"name": "twisted.python.threadable ---PORTED--- threadable.py", "children": []}]}, {"name": "twisted.web ---PORTED--- __init__.py", "children": [{"name": "twisted.web._version ---PORTED--- _version.py", "children": []}]}, {"name": "twisted.web.iweb ---ALMOST PORTED--- iweb.py", "children": [{"name": "twisted.internet ---PORTED--- __init__.py", "children": []}, {"name": "twisted.internet.interfaces ---PORTED--- interfaces.py", "children": []}]}, {"name": "twisted.web.http ---ALMOST PORTED--- http.py", "children": [{"name": "twisted.python.components ---PORTED--- components.py", "children": []}, {"name": "twisted.internet.reactor ---PORTED--- reactor.py", "children": [{"name": "twisted.internet.default ---PORTED--- default.py", "children": [{"name": "twisted.python.runtime ---PORTED--- runtime.py", "children": []}, {"name": "twisted.internet.epollreactor ---PORTED--- epollreactor.py", "children": [{"name": "twisted.internet.posixbase ---PORTED--- posixbase.py", "children": [{"name": "twisted.internet.error ---PORTED--- error.py",...
CSS
.node rect {
cursor: pointer;
fill: #fff;
fill-opacity: .5;
stroke: #3182bd;
stroke-width: 1.5px;
}
.node text {
font: 10px sans-serif;
pointer-events: none;
}
path.link {
fill: none;
stroke: #9ecae1;
stroke-width: 1.5px;
}