tick period test

HTML

<script src="https://cdn.jsdelivr.net/npm/d3@4.13.0/build/d3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.css">
<div>
  <div id="target" class="c"></div>
</div>

CSS

.c {
  border: solid 1px gray;
  width: 635px;
  height: 400px;
  margin: 0;
  padding: 0;
  float: left;
}

JavaScript

var defData = [{
  effort: 10,
  cycleTime: 11,
  bugsCount: 40
}, {
  effort: 17,
  cycleTime: 20,
  bugsCount: 23
}, {
  effort: 15,
  cycleTime: 15,
  bugsCount: 8
}, {
  effort: 7,
  cycleTime: 14,
  bugsCount: 3
}, {
  effort: 18,
  cycleTime: 22,
  bugsCount: 13
}, {
  effort: 4,
  cycleTime: 8,
  bugsCount: 13
}, {
  effort: 3,
  cycleTime: 11,
  bugsCount: 1
}];

new Taucharts.Chart({
  data: defData,
  type: 'scatterplot',
  x: 'cycleTime',
  y: 'effort',
  size: 'bugsCount',
  guide: {
    size: {
      minSize: 1,
      maxSize: 100
    }
  }
}).renderTo('#target');