D3 Examples - D3 (v4) Flexible and Responsive Box and Whisker Chart

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
​
<head>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.8.0/d3.js"></script>
  <script src="helpers.js" defer></script>
  <script src="make_axes.js" defer></script>
  <script src="make_box_and_whiskers_chart.js" defer></script>
  <script src="make_buttons.js" defer></script>
  <script src="make_margins.js" defer></script>
  <script src="make_svg.js" defer></script>
  <script src="make_title.js" defer></script>
  <script src="make_tooltip.js" defer></script>
  <script src="charts_configuration.js" defer></script>
</head>
​
<style>
html {
  width: 100%;
  height: 100%;
}
​
body {
  width: 100%;
  height: 100%;
}
​
section {
  margin:auto;
  width:100%;
  height:100%;
}
​
</style>
<body onresize="make_box_and_whiskers_chart(box_and_whiskers_data)">
  <section id="box_and_whiskers_chart" class="d3_chart">
​
  </section>
</body>
​
    