xxxxxxxxxx
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<p>Thanks for watching! you can see my data using console.</p>
<script type="text/javascript">
d3.csv("data.csv", function(error,data){
console.log(data);
});
</script>
<svg width="600px" height="600px">
<circle cx="100" cy="150" r="60" fill="#F06060" opacity="0.7"/>
<circle cx="100" cy="140" r="70" fill="#F06060" opacity="0.5"/>
<circle cx="100" cy="130" r="80" fill="#F06060" opacity="0.4"/>
<circle cx="100" cy="120" r="90" fill="#F06060" opacity="0.3"/>
<circle cx="100" cy="110" r="100" fill="#F06060" opacity="0.2"/>
</svg>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js