curran/.block

## .block
license: mit

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>axis.tickSizeOuter</title>
    <script src="https://d3js.org/d3.v4.min.js"></script>
  	<style>
      .axis .domain {
        stroke-width: 9px;
        stroke: #6ce2e9;
      }
    </style>
  </head>
  <body>
    <svg width="960" height="500"></svg>
    <script>
      const xValue = d => d.sepalLength;
      const yValue = d => d.petalLength;
      const margin = {top: 50, right: 30, bottom: 50, left: 63};

      const svg = d3.select("svg");
      const width = +svg.attr("width");
      const height = +svg.attr("height");
      const innerWidth = width - margin.left - margin.right;
      const innerHeight = height - margin.top - margin.bottom;
      const xScale = d3.scaleLinear().range([0, innerWidth]);
      const yScale = d3.scaleLinear().range([innerHeight, 0]);
      const xAxis = d3.axisBottom()
        .scale(xScale)
        .tickSizeOuter(0);
      const yAxis = d3.axisLeft()
        .scale(yScale)
        .ticks(5)
        .tickSizeOuter(0);

      const g = svg.append("g")
          .attr("transform", `translate(${margin.left}, ${margin.top})`);
      const xAxisG = g.append("g")
          .attr("class", "axis")
          .attr("transform", `translate(0, ${innerHeight})`);
      const yAxisG = g.append("g")
          .attr("class", "axis");

      function render(data){
        xScale.domain(d3.extent(data, xValue));
        yScale.domain(d3.extent(data, yValue));

        xAxisG.call(xAxis);
        yAxisG.call(yAxis);

        const circles = g.selectAll("circle").data(data);
        circles.exit().remove();
        circles
          .enter().append("circle")
            .attr("r", 5)
          .merge(circles)
            .attr("cx", d => xScale(xValue(d)))
            .attr("cy", d => yScale(yValue(d)));
      }

      function type(d){
        d.sepalLength = +d.sepalLength;
        d.sepalWidth = +d.sepalWidth;
        d.petalLength = +d.petalLength;
        d.petalWidth = +d.petalWidth;
        return d;
      }

      d3.csv("iris.csv", type, render);

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

## iris.csv

          
            sepalLength
            sepalWidth
            petalLength
            petalWidth
            species

            
              5.1
              3.5
              1.4
              0.2
              setosa

            
              4.9
              3.0
              1.4
              0.2
              setosa

            
              4.7
              3.2
              1.3
              0.2
              setosa

            
              4.6
              3.1
              1.5
              0.2
              setosa

            
              5.0
              3.6
              1.4
              0.2
              setosa

            
              5.4
              3.9
              1.7
              0.4
              setosa

            
              4.6
              3.4
              1.4
              0.3
              setosa

            
              5.0
              3.4
              1.5
              0.2
              setosa

            
              4.4
              2.9
              1.4
              0.2
              setosa

            
              4.9
              3.1
              1.5
              0.1
              setosa

            
              5.4
              3.7
              1.5
              0.2
              setosa

            
              4.8
              3.4
              1.6
              0.2
              setosa

            
              4.8
              3.0
              1.4
              0.1
              setosa

            
              4.3
              3.0
              1.1
              0.1
              setosa

            
              5.8
              4.0
              1.2
              0.2
              setosa

            
              5.7
              4.4
              1.5
              0.4
              setosa

            
              5.4
              3.9
              1.3
              0.4
              setosa

            
              5.1
              3.5
              1.4
              0.3
              setosa

            
              5.7
              3.8
              1.7
              0.3
              setosa

            
              5.1
              3.8
              1.5
              0.3
              setosa

            
              5.4
              3.4
              1.7
              0.2
              setosa

            
              5.1
              3.7
              1.5
              0.4
              setosa

            
              4.6
              3.6
              1.0
              0.2
              setosa

            
              5.1
              3.3
              1.7
              0.5
              setosa

            
              4.8
              3.4
              1.9
              0.2
              setosa

            
              5.0
              3.0
              1.6
              0.2
              setosa

            
              5.0
              3.4
              1.6
              0.4
              setosa

            
              5.2
              3.5
              1.5
              0.2
              setosa

            
              5.2
              3.4
              1.4
              0.2
              setosa

            
              4.7
              3.2
              1.6
              0.2
              setosa

            
              4.8
              3.1
              1.6
              0.2
              setosa

            
              5.4
              3.4
              1.5
              0.4
              setosa

            
              5.2
              4.1
              1.5
              0.1
              setosa

            
              5.5
              4.2
              1.4
              0.2
              setosa

            
              4.9
              3.1
              1.5
              0.1
              setosa

            
              5.0
              3.2
              1.2
              0.2
              setosa

            
              5.5
              3.5
              1.3
              0.2
              setosa

            
              4.9
              3.1
              1.5
              0.1
              setosa

            
              4.4
              3.0
              1.3
              0.2
              setosa

            
              5.1
              3.4
              1.5
              0.2
              setosa

            
              5.0
              3.5
              1.3
              0.3
              setosa

            
              4.5
              2.3
              1.3
              0.3
              setosa

            
              4.4
              3.2
              1.3
              0.2
              setosa

            
              5.0
              3.5
              1.6
              0.6
              setosa

            
              5.1
              3.8
              1.9
              0.4
              setosa

            
              4.8
              3.0
              1.4
              0.3
              setosa

            
              5.1
              3.8
              1.6
              0.2
              setosa

            
              4.6
              3.2
              1.4
              0.2
              setosa

            
              5.3
              3.7
              1.5
              0.2
              setosa

            
              5.0
              3.3
              1.4
              0.2
              setosa

            
              7.0
              3.2
              4.7
              1.4
              versicolor

            
              6.4
              3.2
              4.5
              1.5
              versicolor

            
              6.9
              3.1
              4.9
              1.5
              versicolor

            
              5.5
              2.3
              4.0
              1.3
              versicolor

            
              6.5
              2.8
              4.6
              1.5
              versicolor

            
              5.7
              2.8
              4.5
              1.3
              versicolor

            
              6.3
              3.3
              4.7
              1.6
              versicolor

            
              4.9
              2.4
              3.3
              1.0
              versicolor

            
              6.6
              2.9
              4.6
              1.3
              versicolor

            
              5.2
              2.7
              3.9
              1.4
              versicolor

            
              5.0
              2.0
              3.5
              1.0
              versicolor

            
              5.9
              3.0
              4.2
              1.5
              versicolor

            
              6.0
              2.2
              4.0
              1.0
              versicolor

            
              6.1
              2.9
              4.7
              1.4
              versicolor

            
              5.6
              2.9
              3.6
              1.3
              versicolor

            
              6.7
              3.1
              4.4
              1.4
              versicolor

            
              5.6
              3.0
              4.5
              1.5
              versicolor

            
              5.8
              2.7
              4.1
              1.0
              versicolor

            
              6.2
              2.2
              4.5
              1.5
              versicolor

            
              5.6
              2.5
              3.9
              1.1
              versicolor

            
              5.9
              3.2
              4.8
              1.8
              versicolor

            
              6.1
              2.8
              4.0
              1.3
              versicolor

            
              6.3
              2.5
              4.9
              1.5
              versicolor

            
              6.1
              2.8
              4.7
              1.2
              versicolor

            
              6.4
              2.9
              4.3
              1.3
              versicolor

            
              6.6
              3.0
              4.4
              1.4
              versicolor

            
              6.8
              2.8
              4.8
              1.4
              versicolor

            
              6.7
              3.0
              5.0
              1.7
              versicolor

            
              6.0
              2.9
              4.5
              1.5
              versicolor

            
              5.7
              2.6
              3.5
              1.0
              versicolor

            
              5.5
              2.4
              3.8
              1.1
              versicolor

            
              5.5
              2.4
              3.7
              1.0
              versicolor

            
              5.8
              2.7
              3.9
              1.2
              versicolor

            
              6.0
              2.7
              5.1
              1.6
              versicolor

            
              5.4
              3.0
              4.5
              1.5
              versicolor

            
              6.0
              3.4
              4.5
              1.6
              versicolor

            
              6.7
              3.1
              4.7
              1.5
              versicolor

            
              6.3
              2.3
              4.4
              1.3
              versicolor

            
              5.6
              3.0
              4.1
              1.3
              versicolor

            
              5.5
              2.5
              4.0
              1.3
              versicolor

            
              5.5
              2.6
              4.4
              1.2
              versicolor

            
              6.1
              3.0
              4.6
              1.4
              versicolor

            
              5.8
              2.6
              4.0
              1.2
              versicolor

            
              5.0
              2.3
              3.3
              1.0
              versicolor

            
              5.6
              2.7
              4.2
              1.3
              versicolor

            
              5.7
              3.0
              4.2
              1.2
              versicolor

            
              5.7
              2.9
              4.2
              1.3
              versicolor

            
              6.2
              2.9
              4.3
              1.3
              versicolor

            
              5.1
              2.5
              3.0
              1.1
              versicolor

            
              5.7
              2.8
              4.1
              1.3
              versicolor

            
              6.3
              3.3
              6.0
              2.5
              virginica

            
              5.8
              2.7
              5.1
              1.9
              virginica

            
              7.1
              3.0
              5.9
              2.1
              virginica

            
              6.3
              2.9
              5.6
              1.8
              virginica

            
              6.5
              3.0
              5.8
              2.2
              virginica

            
              7.6
              3.0
              6.6
              2.1
              virginica

            
              4.9
              2.5
              4.5
              1.7
              virginica

            
              7.3
              2.9
              6.3
              1.8
              virginica

            
              6.7
              2.5
              5.8
              1.8
              virginica

            
              7.2
              3.6
              6.1
              2.5
              virginica

            
              6.5
              3.2
              5.1
              2.0
              virginica

            
              6.4
              2.7
              5.3
              1.9
              virginica

            
              6.8
              3.0
              5.5
              2.1
              virginica

            
              5.7
              2.5
              5.0
              2.0
              virginica

            
              5.8
              2.8
              5.1
              2.4
              virginica

            
              6.4
              3.2
              5.3
              2.3
              virginica

            
              6.5
              3.0
              5.5
              1.8
              virginica

            
              7.7
              3.8
              6.7
              2.2
              virginica

            
              7.7
              2.6
              6.9
              2.3
              virginica

            
              6.0
              2.2
              5.0
              1.5
              virginica

            
              6.9
              3.2
              5.7
              2.3
              virginica

            
              5.6
              2.8
              4.9
              2.0
              virginica

            
              7.7
              2.8
              6.7
              2.0
              virginica

            
              6.3
              2.7
              4.9
              1.8
              virginica

            
              6.7
              3.3
              5.7
              2.1
              virginica

            
              7.2
              3.2
              6.0
              1.8
              virginica

            
              6.2
              2.8
              4.8
              1.8
              virginica

            
              6.1
              3.0
              4.9
              1.8
              virginica

            
              6.4
              2.8
              5.6
              2.1
              virginica

            
              7.2
              3.0
              5.8
              1.6
              virginica

            
              7.4
              2.8
              6.1
              1.9
              virginica

            
              7.9
              3.8
              6.4
              2.0
              virginica

            
              6.4
              2.8
              5.6
              2.2
              virginica

            
              6.3
              2.8
              5.1
              1.5
              virginica

            
              6.1
              2.6
              5.6
              1.4
              virginica

            
              7.7
              3.0
              6.1
              2.3
              virginica

            
              6.3
              3.4
              5.6
              2.4
              virginica

            
              6.4
              3.1
              5.5
              1.8
              virginica

            
              6.0
              3.0
              4.8
              1.8
              virginica

            
              6.9
              3.1
              5.4
              2.1
              virginica

            
              6.7
              3.1
              5.6
              2.4
              virginica

            
              6.9
              3.1
              5.1
              2.3
              virginica

            
              5.8
              2.7
              5.1
              1.9
              virginica

            
              6.8
              3.2
              5.9
              2.3
              virginica

            
              6.7
              3.3
              5.7
              2.5
              virginica

            
              6.7
              3.0
              5.2
              2.3
              virginica

            
              6.3
              2.5
              5.0
              1.9
              virginica

            
              6.5
              3.0
              5.2
              2.0
              virginica

            
              6.2
              3.4
              5.4
              2.3
              virginica

            
              5.9
              3.0
              5.1
              1.8
              virginica
	<!DOCTYPE html>
	<html>
	<head>
	<title>axis.tickSizeOuter</title>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<style>
	.axis .domain {
	stroke-width: 9px;
	stroke: #6ce2e9;
	}
	</style>
	</head>
	<body>
	<svg width="960" height="500"></svg>
	<script>
	const xValue = d => d.sepalLength;
	const yValue = d => d.petalLength;
	const margin = {top: 50, right: 30, bottom: 50, left: 63};

	const svg = d3.select("svg");
	const width = +svg.attr("width");
	const height = +svg.attr("height");
	const innerWidth = width - margin.left - margin.right;
	const innerHeight = height - margin.top - margin.bottom;
	const xScale = d3.scaleLinear().range([0, innerWidth]);
	const yScale = d3.scaleLinear().range([innerHeight, 0]);
	const xAxis = d3.axisBottom()
	.scale(xScale)
	.tickSizeOuter(0);
	const yAxis = d3.axisLeft()
	.scale(yScale)
	.ticks(5)
	.tickSizeOuter(0);

	const g = svg.append("g")
	.attr("transform", `translate(${margin.left}, ${margin.top})`);
	const xAxisG = g.append("g")
	.attr("class", "axis")
	.attr("transform", `translate(0, ${innerHeight})`);
	const yAxisG = g.append("g")
	.attr("class", "axis");

	function render(data){
	xScale.domain(d3.extent(data, xValue));
	yScale.domain(d3.extent(data, yValue));

	xAxisG.call(xAxis);
	yAxisG.call(yAxis);

	const circles = g.selectAll("circle").data(data);
	circles.exit().remove();
	circles
	.enter().append("circle")
	.attr("r", 5)
	.merge(circles)
	.attr("cx", d => xScale(xValue(d)))
	.attr("cy", d => yScale(yValue(d)));
	}

	function type(d){
	d.sepalLength = +d.sepalLength;
	d.sepalWidth = +d.sepalWidth;
	d.petalLength = +d.petalLength;
	d.petalWidth = +d.petalWidth;
	return d;
	}

	d3.csv("iris.csv", type, render);

	</script>
	</body>
	</html>
sepalLength	sepalWidth	petalLength	petalWidth	species
5.1	3.5	1.4	0.2	setosa
4.9	3.0	1.4	0.2	setosa
4.7	3.2	1.3	0.2	setosa
4.6	3.1	1.5	0.2	setosa
5.0	3.6	1.4	0.2	setosa
5.4	3.9	1.7	0.4	setosa
4.6	3.4	1.4	0.3	setosa
5.0	3.4	1.5	0.2	setosa
4.4	2.9	1.4	0.2	setosa
4.9	3.1	1.5	0.1	setosa
5.4	3.7	1.5	0.2	setosa
4.8	3.4	1.6	0.2	setosa
4.8	3.0	1.4	0.1	setosa
4.3	3.0	1.1	0.1	setosa
5.8	4.0	1.2	0.2	setosa
5.7	4.4	1.5	0.4	setosa
5.4	3.9	1.3	0.4	setosa
5.1	3.5	1.4	0.3	setosa
5.7	3.8	1.7	0.3	setosa
5.1	3.8	1.5	0.3	setosa
5.4	3.4	1.7	0.2	setosa
5.1	3.7	1.5	0.4	setosa
4.6	3.6	1.0	0.2	setosa
5.1	3.3	1.7	0.5	setosa
4.8	3.4	1.9	0.2	setosa
5.0	3.0	1.6	0.2	setosa
5.0	3.4	1.6	0.4	setosa
5.2	3.5	1.5	0.2	setosa
5.2	3.4	1.4	0.2	setosa
4.7	3.2	1.6	0.2	setosa
4.8	3.1	1.6	0.2	setosa
5.4	3.4	1.5	0.4	setosa
5.2	4.1	1.5	0.1	setosa
5.5	4.2	1.4	0.2	setosa
4.9	3.1	1.5	0.1	setosa
5.0	3.2	1.2	0.2	setosa
5.5	3.5	1.3	0.2	setosa
4.9	3.1	1.5	0.1	setosa
4.4	3.0	1.3	0.2	setosa
5.1	3.4	1.5	0.2	setosa
5.0	3.5	1.3	0.3	setosa
4.5	2.3	1.3	0.3	setosa
4.4	3.2	1.3	0.2	setosa
5.0	3.5	1.6	0.6	setosa
5.1	3.8	1.9	0.4	setosa
4.8	3.0	1.4	0.3	setosa
5.1	3.8	1.6	0.2	setosa
4.6	3.2	1.4	0.2	setosa
5.3	3.7	1.5	0.2	setosa
5.0	3.3	1.4	0.2	setosa
7.0	3.2	4.7	1.4	versicolor
6.4	3.2	4.5	1.5	versicolor
6.9	3.1	4.9	1.5	versicolor
5.5	2.3	4.0	1.3	versicolor
6.5	2.8	4.6	1.5	versicolor
5.7	2.8	4.5	1.3	versicolor
6.3	3.3	4.7	1.6	versicolor
4.9	2.4	3.3	1.0	versicolor
6.6	2.9	4.6	1.3	versicolor
5.2	2.7	3.9	1.4	versicolor
5.0	2.0	3.5	1.0	versicolor
5.9	3.0	4.2	1.5	versicolor
6.0	2.2	4.0	1.0	versicolor
6.1	2.9	4.7	1.4	versicolor
5.6	2.9	3.6	1.3	versicolor
6.7	3.1	4.4	1.4	versicolor
5.6	3.0	4.5	1.5	versicolor
5.8	2.7	4.1	1.0	versicolor
6.2	2.2	4.5	1.5	versicolor
5.6	2.5	3.9	1.1	versicolor
5.9	3.2	4.8	1.8	versicolor
6.1	2.8	4.0	1.3	versicolor
6.3	2.5	4.9	1.5	versicolor
6.1	2.8	4.7	1.2	versicolor
6.4	2.9	4.3	1.3	versicolor
6.6	3.0	4.4	1.4	versicolor
6.8	2.8	4.8	1.4	versicolor
6.7	3.0	5.0	1.7	versicolor
6.0	2.9	4.5	1.5	versicolor
5.7	2.6	3.5	1.0	versicolor
5.5	2.4	3.8	1.1	versicolor
5.5	2.4	3.7	1.0	versicolor
5.8	2.7	3.9	1.2	versicolor
6.0	2.7	5.1	1.6	versicolor
5.4	3.0	4.5	1.5	versicolor
6.0	3.4	4.5	1.6	versicolor
6.7	3.1	4.7	1.5	versicolor
6.3	2.3	4.4	1.3	versicolor
5.6	3.0	4.1	1.3	versicolor
5.5	2.5	4.0	1.3	versicolor
5.5	2.6	4.4	1.2	versicolor
6.1	3.0	4.6	1.4	versicolor
5.8	2.6	4.0	1.2	versicolor
5.0	2.3	3.3	1.0	versicolor
5.6	2.7	4.2	1.3	versicolor
5.7	3.0	4.2	1.2	versicolor
5.7	2.9	4.2	1.3	versicolor
6.2	2.9	4.3	1.3	versicolor
5.1	2.5	3.0	1.1	versicolor
5.7	2.8	4.1	1.3	versicolor
6.3	3.3	6.0	2.5	virginica
5.8	2.7	5.1	1.9	virginica
7.1	3.0	5.9	2.1	virginica
6.3	2.9	5.6	1.8	virginica
6.5	3.0	5.8	2.2	virginica
7.6	3.0	6.6	2.1	virginica
4.9	2.5	4.5	1.7	virginica
7.3	2.9	6.3	1.8	virginica
6.7	2.5	5.8	1.8	virginica
7.2	3.6	6.1	2.5	virginica
6.5	3.2	5.1	2.0	virginica
6.4	2.7	5.3	1.9	virginica
6.8	3.0	5.5	2.1	virginica
5.7	2.5	5.0	2.0	virginica
5.8	2.8	5.1	2.4	virginica
6.4	3.2	5.3	2.3	virginica
6.5	3.0	5.5	1.8	virginica
7.7	3.8	6.7	2.2	virginica
7.7	2.6	6.9	2.3	virginica
6.0	2.2	5.0	1.5	virginica
6.9	3.2	5.7	2.3	virginica
5.6	2.8	4.9	2.0	virginica
7.7	2.8	6.7	2.0	virginica
6.3	2.7	4.9	1.8	virginica
6.7	3.3	5.7	2.1	virginica
7.2	3.2	6.0	1.8	virginica
6.2	2.8	4.8	1.8	virginica
6.1	3.0	4.9	1.8	virginica
6.4	2.8	5.6	2.1	virginica
7.2	3.0	5.8	1.6	virginica
7.4	2.8	6.1	1.9	virginica
7.9	3.8	6.4	2.0	virginica
6.4	2.8	5.6	2.2	virginica
6.3	2.8	5.1	1.5	virginica
6.1	2.6	5.6	1.4	virginica
7.7	3.0	6.1	2.3	virginica
6.3	3.4	5.6	2.4	virginica
6.4	3.1	5.5	1.8	virginica
6.0	3.0	4.8	1.8	virginica
6.9	3.1	5.4	2.1	virginica
6.7	3.1	5.6	2.4	virginica
6.9	3.1	5.1	2.3	virginica
5.8	2.7	5.1	1.9	virginica
6.8	3.2	5.9	2.3	virginica
6.7	3.3	5.7	2.5	virginica
6.7	3.0	5.2	2.3	virginica
6.3	2.5	5.0	1.9	virginica
6.5	3.0	5.2	2.0	virginica
6.2	3.4	5.4	2.3	virginica
5.9	3.0	5.1	1.8	virginica