D3js setting up height and width of d3js chart based on parent bootstrap container

Question

I have D3JS chart in my vuejs application, I am having four cards at top one with d3js chart and rest are containing other information.

below is the structure.