Minimal D3js reusable module

This gist is a first try to keep a clean minimal D3js reusable module under my hands. It also include the witty margin conventions, an some frequently seen data usages. Code to cut further.

References

Specifics:

Mike Bostocks, Margin conventions
Mike Bostocks, Towards Reusable Charts
Christophe Viau The D3 Reusable API. (@d3visualization)
Tom Simmons An OHLC Chart Component for D3js

Non specific with specific chapters :

Christophe Viau, Developping a D3js edge
Navarro, Mastering D3js (github repository). Needs gem+jekyll.

<!DOCTYPE html>
<meta charset="utf-8">
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="../js/d3.v3.min.js"></script>
<script src="./module.js"></script>
<style>
.bar {
	fill: steelblue;
	stroke: #8888B1;
        fill-opacity: 0.5; 
}
</style>
<body>
<div id="hook"></div>

// Create SVG container
  var svg = d3.select("#hook").append("svg")
                .attr("width", width)
                .attr("height", height);

// Module call and custom settings
var chart = d3.coolmodules.barChart()
	    .width(800).height(800);
// Runs
svg.selectAll("g").data(data)
    .enter()
        .append('g')
        .attr('transform', function(d, i) {
            return 'translate(' + (i*50) + ',0)';
        })
	.call(chart);

</script>
</body>
</html>

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