Is there a working implemenation to fit multiple d

Question

I am trying to fit multiple charts on a single jsp page. I have a combination of line and bar charts. I am using dimple API for d3.js. Please advice. Bootstrap doesnt seem to work with this.

Answer 1

Bootstrap seems to be simple to use:

Add this in your .html file.

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

Relate the d3 object in the 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