D3 Examples - tier-layout

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
​
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 960px;
  position: relative;
  margin: 0px auto;
  color: rgb(105, 104, 104);
}
​
text{
  fill: rgb(61, 61, 61);
}
​
.group-circle{
  fill: white;
}
​
.node-circle{
  stroke: darkgrey;
  fill: lightgrey;
}
​
.group-text{
  text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff;
}
​
.link{
  fill: none;
  stroke: black;
  stroke-width: 3px;
}
​
</style>
​
<body></body>
​
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="script.js"></script>
    