<div class="row">
    <div class="col-md-6">
        <div class="chart-graph">
            <h4>Museums in state</h4>
            <div id="bar-chart-nearby-state"><svg></svg></div>
        </div>
    </div> <!-- /.col -->
    <div class="col-md-6">
        <div class="chart-graph">
            <h4>Museums in selected area</h4>
            <div id="bar-chart-nearby-area"><svg></svg></div>
        </div>
    </div> <!-- /.col -->
</div>

<div class="row">
    <div class="col-md-6">
        <div class="chart-graph">
            <h4>Museums in selected area</h4>
            <div id="bar-chart-nearby-area"><svg></svg></div>
        </div>
    </div> <!-- /.col -->
    <div class="col-md-6">
        <div class="chart-graph">
            <h4>Museums in state</h4>
            <div id="bar-chart-nearby-state"><svg></svg></div>
        </div>
    </div> <!-- /.col -->
</div>

Swap graphs in "Nearby museums" view
Swap graphs in "Nearby museums" view
