bar chart with D3.js

HTML

<html>
	<head>
		<title>multibar d3</title>
		<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
		<style>
			
		</style>
	</head>
	<body>



	<script>
 
		
		d3.select("body")
			.selectAll('svg')
			.remove();

		var data = [{"label": "Toblerone", "value": 10}, {"label": "Mars Bar", "value": 30}];

		var w = parseInt(900, 10),
			h = parseInt(800, 10);


		var color = d3.scaleOrdinal().range(['#046395', '#d62828', '#f77f00', '#fcbf49', '#eae2b7']);


		data.forEach(function(d) {
			d.total = +d.value;
		});


		var margin = {top: 20, right: 5, bottom: 30, left: 20};

	    var width = w - margin.left - margin.right;
	    var height = h - margin.top - margin.bottom;


		var x = d3.scaleLinear()
		          .range([0, width]);
		var y = d3.scaleBand()
		          .range([height, 0])
		          .padding(0.1);

		x.domain([0, d3.max(data, function(d) { return d.value; })]);
		y.domain(data.map(function(d) { return d.total; }));

        var svg = d3.select("body")
        	.append("svg")
            .attr("width", width + margin.left + margin.right)
            .attr("height", height + margin.top + margin.bottom)
			.append("g")
			.attr('class', 'barchart')
			.attr("transform", "translate(" + margin.left + "," + margin.top + ")");

		var bars = svg.append('g').attr('class', 'bars');

		bars.selectAll(".bar")
			.data(data)
			.enter().append("rect")
			.attr("class", "bar")
			.attr('fill', function(d, i) {
				return color(i);
			})
			.attr("width", function(d) { return x(d.total); })
			.attr("y", function(d) { return y(d.value); })
			.attr("height", y.bandwidth());

		bars.selectAll(".label")
			.data(data)
			.enter().append("text")
			.attr("class", "label")
			.attr('text-anchor', function(d) {
			  return d.total <= 20 ? 'start' : 'end';
			})
			.attr("x", function(d) {
			  return d.total <= 20 ? x(d.total) + 20 : x(d.total) - 20;
			})
			.attr("y", function(d) {
			  return y(d.value) + y.bandwidth() / 2;
			})
			.attr("dy",...

CSS

body {
  font-family: 'Open Sans', sans-serif;
}