yanhann10 · May 28, 2018 05:58
diff --git a/.block b/.block
 license: mit
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
 </head>

 <body>
  <script>
    // Feel free to change or delete any of the code you see in this editor!
    var w = 600, h = 300, margin = {top: 20, right: 20, bottom: 30, left: 40};
    

    
    d3.csv('p.csv', function(error, data) {
        if (error) throw error;

        // format the data
        data.forEach(function(d) {
          d.year = +d.year;
          d.idx = +d.idx;
          });
    var xScale = d3.scaleLinear()
 							.domain([d3.min(data, d=>d.year), d3.max(data, d=>d.year)])
 							.range([0, w]);
    
    var yScale = d3.scaleLinear()
 							.domain([0, d3.max(data, d=>d.idx)])
 							.range([h, 0]);
    
    var svg = d3.select("body")
 						.append("svg")
 						.attr("width", w)
 						.attr("height", h);
    
    var r=1
 //     d3.select("svg")
 //     		 .selectAll("circle")
 // 			   .data(data)
 // 			   .enter()
 // 			   .append("circle")
 // 			   .attr("cx", d=>xScale(d.year))
 // 			   .attr("cy", d=>yScale(d.idx*r))
 //     		 .attr("r", d=>r)
    
     var chart1= d3.select("svg")
    		 .selectAll("circle")
 			   .data(data)
 			   .enter()
 			   .append("circle")
 			   .attr("cx", d=>xScale(d.year))
 			   .attr("cy", d=>yScale(d.idx*r))
    		 .attr("r", d=>r)
    
    })
  </script>
 </body>
diff --git a/p.csv b/p.csv
	<!DOCTYPE html>
	<head>
	<meta charset="utf-8">
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<style>
	body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
	</style>
	</head>

	<body>
	<script>
	// Feel free to change or delete any of the code you see in this editor!
	var w = 600, h = 300, margin = {top: 20, right: 20, bottom: 30, left: 40};



	d3.csv('p.csv', function(error, data) {
	if (error) throw error;

	// format the data
	data.forEach(function(d) {
	d.year = +d.year;
	d.idx = +d.idx;
	});
	var xScale = d3.scaleLinear()
	.domain([d3.min(data, d=>d.year), d3.max(data, d=>d.year)])
	.range([0, w]);

	var yScale = d3.scaleLinear()
	.domain([0, d3.max(data, d=>d.idx)])
	.range([h, 0]);

	var svg = d3.select("body")
	.append("svg")
	.attr("width", w)
	.attr("height", h);

	var r=1
	// d3.select("svg")
	// .selectAll("circle")
	// .data(data)
	// .enter()
	// .append("circle")
	// .attr("cx", d=>xScale(d.year))
	// .attr("cy", d=>yScale(d.idx*r))
	// .attr("r", d=>r)

	var chart1= d3.select("svg")
	.selectAll("circle")
	.data(data)
	.enter()
	.append("circle")
	.attr("cx", d=>xScale(d.year))
	.attr("cy", d=>yScale(d.idx*r))
	.attr("r", d=>r)

	})
	</script>
	</body>