Is there any work to fit multiple d3 diagrams like row, row, etc. On one page?

Question

I am trying to install multiple diagrams on the same jsp page. I have a combination of linear and histograms. I am using dimple API for d3.js. Please advise. Bootstrap doesn't seem to work with this.

Answer 1

Bootstrap seems easy to use:

Add this to your .html file.

<div class="row">
  <div class="col-md-6" id="area1"></div>
  <div class="col-md-6" id="area2"></div>
</div>

Take the d3 object in select () to the id in the div tag.

var chart2 = d3.select("#area1").append("svg")
...

var chart2 = d3.select("#area2").append("svg")
...

For more details, just follow the examples in the D3-Tips-and-Tricks book. Section: Using Bootstrap with d3.js