D3.js and Backbone

Modified from the excellent example: https://gist.github.com/milroc/5522467

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Backbone + D3.js Example</title>
    <script type='text/javascript' src="https://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script type='text/javascript' src="https://underscorejs.org/underscore-min.js"></script>
    <script type='text/javascript' src="https://backbonejs.org/backbone-min.js"></script>
    <script type='text/javascript' src="https://d3js.org/d3.v3.min.js"></script>
    <script type='text/javascript' src="bar_chart.js"></script>
    <style>
    path.domain{
    	fill: none;
    	stroke: black;
    }
    rect{
    	fill: skyblue;
    }
    .tick line{
    	stroke: black;
    }
    </style>
</head>
<body>

<div class="control">
	<button class="update-data">Update Data</button>
	<button class="update-config">Update Config</button>
</div>
<div class="chart"></div>

// Bar chart view
/////////////////////////////////////

// Buttons view
/////////////////////////////////////

// Bar chart data
/////////////////////////////////////

var BarChartData = Backbone.Model.extend({
	defaults: {
		data: [1, 2, 3, 4],
		config: {height: 200, width: 400}	
    }
});

// Usage
/////////////////////////////////////

var barChartModel = new BarChartData();
var controlView = new ControlView({model: barChartModel});
var barChartView = new BarChartView({model: barChartModel})

</script>

</body>
</html>

Modified http://code.jquery.com/jquery-2.0.0.min.js to a secure url

Modified http://underscorejs.org/underscore-min.js to a secure url

Modified http://backbonejs.org/backbone-min.js to a secure url

Modified http://d3js.org/d3.v3.min.js to a secure url

https://code.jquery.com/jquery-2.0.0.min.js

https://underscorejs.org/underscore-min.js

https://backbonejs.org/backbone-min.js

https://d3js.org/d3.v3.min.js