Kant's Trascendental Idealism

by angjelinhila

HTML

<!DOCTYPE html>
<meta charset="utf-8">
<!-- Load d3.js -->
<script src="https://d3js.org/d3.v4.js"></script>

<!-- Load color palette -->
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>

<style>
html, body {  
  margin: 0;
  padding: 0;
  background-color: rgb(39, 43, 77);
}
.node {
  cursor: pointer;
}

.node circle {
}

.node text {
  font: 14px sans-serif;
}

.link {
  fill: none;
  stroke: rgb(55, 68, 105);
  stroke-width: 1px;
}
.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: top;
    overflow: hidden;
}
.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

div, html, body, svg {
  height: 100%;
  width: 100%;
}

</style>


<!-- Create a div where the graph will take place -->
<div id="Kant_System" class="svg-container"></div>

<script>


var treeData = {
  name: "Transcendental Idealism",
  children: [
    {
      name: "Phenomena",
      children: [
      {name: "Transcendental Unity of Apperception",
      	children: [
        	{ name: "Cognition",
        	children: [
          {name: "Sensibility", 
          	children: [
            {name: "Pure Intuition", 
            	children: [
              {name: "Space"},
              {name: "Time"}
              ]},
						{name: "Empirical Intuition",
            	children: [
            	{name: "Sensible Intuition"},
              {name: "Sensation",
              	children: [
                {name: "Inner Sense"},
                {name: "Outer Sense"}
                ]},
            ]},
            ]}, 
          {name: "Imagination"},
          {name: "Understanding", 
          	children: [
            {name: "General Logic", 
            	children: [
              	{name: "Judgment Forms",
                	children: [
                  	{name: "Quantity",
                    	children: [
                      	{name: "Universal"},
                        {name:...