mygoare/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<p>d3 add images</p>
<script src="jsbin.xeruz.js"></script>
</body>
</html>

## jsbin.xeruz.js
var svg = d3.select('body').append('svg').attr({
  width: 300,
  height: 300,
  border: '1px solid #ccc'
});

svg.append('svg:image')
.attr({
  'xlink:href': 'http://www.iconpng.com/png/beautiful_flat_color/computer.png',  // can also add svg file here
  x: 0,
  y: 0,
  width: 128,
  height: 128
});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>
	<p>d3 add images</p>
	<script src="jsbin.xeruz.js"></script>
	</body>
	</html>
	var svg = d3.select('body').append('svg').attr({
	width: 300,
	height: 300,
	border: '1px solid #ccc'
	});

	svg.append('svg:image')
	.attr({
	'xlink:href': 'http://www.iconpng.com/png/beautiful_flat_color/computer.png', // can also add svg file here
	x: 0,
	y: 0,
	width: 128,
	height: 128
	});