D3 Examples - Iris Data

xxxxxxxxxx
 
<html>
<head>
<style>
​
.link {
  fill: none;
  stroke-opacity:0.3;
  stroke-width: 1.5px;
}
.link:hover{
    stroke-opacity:1;
    stroke-width:2.7px;
}
.highlight{
    stroke-opacity:1;
    stroke-width:2.7px;
}
.label{
  fill-opacity:.7;
}
.label:hover{
  fill-opacity:1;
 }
.axis {
  stroke: #000;
  stroke-width: 1.5px;
}
.ticks{
  fill: gray;
}
.circle {
  fill-opacity: .7;
}
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}
</style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
    <script src="https://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
</head>
<body>
    <p><font size=15>Iris Flower Data Visualization</font></p>
    <p><font size=5>--By Zezhen Qiu</font></p>
    <script src="script.js"></script>
</body>
</html>
    