leonardobareno · December 5, 2017 23:52
diff --git a/.block b/.block
 license: gpl-3.0
 border: no
 height: 960
diff --git a/README.md b/README.md
diff --git a/CE_try1.csv b/CE_try1.csv
diff --git a/CE_try2.csv b/CE_try2.csv
diff --git a/flowers.csv b/flowers.csv
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 svg {
  font: 10px sans-serif;
  padding: 10px;
 }

 .axis,
 .frame {
  shape-rendering: crispEdges;
 }

 .axis line {
  stroke: #ddd;
 }

 .axis path {
  display: none;
 }

 .cell text {
  font-weight: bold;
  text-transform: capitalize;
 }

 .frame {
  fill: none;
  stroke: #aaa;
 }

 circle {
  fill-opacity: .7;
 }

 </style>
 <body>
 <script src="//d3js.org/d3.v3.min.js"></script>
 <script>

 var width = 960,
    size = 230,
    padding = 20;

 var x = d3.scale.linear()
    .range([padding / 2, size - padding / 2]);

 var y = d3.scale.linear()
    .range([size - padding / 2, padding / 2]);

 var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .ticks(6);

 var yAxis = d3.svg.axis()
    .scale(y)
    .orient("left")
    .ticks(6);

 var color = d3.scale.category10();

 d3.csv("CE_try2.csv", function(error, data) {
  if (error) throw error;

  var domainByTrait = {},
      traits = d3.keys(data[0]).filter(function(d) { return d !== "gruposcolor"; }),
      n = traits.length;

  traits.forEach(function(trait) {
    domainByTrait[trait] = d3.extent(data, function(d) { return d[trait]; });
  });

  xAxis.tickSize(size * n);
  yAxis.tickSize(-size * n);

  var svg = d3.select("body").append("svg")
      .attr("width", size * n + padding)
      .attr("height", size * n + padding)
    .append("g")
      .attr("transform", "translate(" + padding + "," + padding / 2 + ")");

  svg.selectAll(".x.axis")
      .data(traits)
    .enter().append("g")
      .attr("class", "x axis")
      .attr("transform", function(d, i) { return "translate(" + (n - i - 1) * size + ",0)"; })
      .each(function(d) { x.domain(domainByTrait[d]); d3.select(this).call(xAxis); });

  svg.selectAll(".y.axis")
      .data(traits)
    .enter().append("g")
      .attr("class", "y axis")
      .attr("transform", function(d, i) { return "translate(0," + i * size + ")"; })
      .each(function(d) { y.domain(domainByTrait[d]); d3.select(this).call(yAxis); });

  var cell = svg.selectAll(".cell")
      .data(cross(traits, traits))
    .enter().append("g")
      .attr("class", "cell")
      .attr("transform", function(d) { return "translate(" + (n - d.i - 1) * size + "," + d.j * size + ")"; })
      .each(plot);

  // Titles for the diagonal.
  cell.filter(function(d) { return d.i === d.j; }).append("text")
      .attr("x", padding)
      .attr("y", padding)
      .attr("dy", ".71em")
      .text(function(d) { return d.x; });

  function plot(p) {
    var cell = d3.select(this);

    x.domain(domainByTrait[p.x]);
    y.domain(domainByTrait[p.y]);

    cell.append("rect")
        .attr("class", "frame")
        .attr("x", padding / 2)
        .attr("y", padding / 2)
        .attr("width", size - padding)
        .attr("height", size - padding);

    cell.selectAll("circle")
        .data(data)
      .enter().append("circle")
        .attr("cx", function(d) { return x(d[p.x]); })
        .attr("cy", function(d) { return y(d[p.y]); })
        .attr("r", 4)
        .style("fill", function(d) { return color(d.gruposcolor); });
  }
 });

 function cross(a, b) {
  var c = [], n = a.length, m = b.length, i, j;
  for (i = -1; ++i < n;) for (j = -1; ++j < m;) c.push({x: a[i], i: i, y: b[j], j: j});
  return c;
 }

 </script>
puntaje Saber11	Num Bares 1000 m	Num Prostitucion 1000 m	Num Homicidios 400 m	Num hurto personas 400 m	Num hurto vehiculos 400 m	gruposcolor
265.375	8	0	11	93	47	G0
232.8889	34	0	23	125	57	G0
266.9565	51	5	37	148	27	G0
245.6923	74	7	15	207	77	G0
263.9348	41	2	6	52	28	G0
236.0857	35	0	13	49	8	G0
233.1045	49	5	7	121	45	G0
254.1625	171	8	37	294	146	G0
265.8532	92	19	80	150	22	G0
230.4154	158	54	63	321	82	G0
276.4885	17	1	26	86	70	G1
276.2739	44	6	17	150	34	G1
269.7308	37	1	12	45	11	G0
272.3088	95	0	20	87	72	G0
276.125	42	6	18	143	59	G1
283.75	46	6	27	88	74	G1
268.3256	51	3	32	118	26	G0
270.7241	19	7	48	116	24	G0
272.7778	63	7	24	52	11	G0
274	160	7	36	255	158	G1
287.1333	22	3	27	102	16	G1
292.5882	40	1	8	56	53	G1
300.3182	106	9	46	335	10	G1
305.0714	34	0	12	87	58	G1
312	30	0	27	83	66	G1
304.1563	146	9	24	262	142	G1
290.4	44	1	5	121	35	G1
297.2449	3	0	8	8	3	G1
294.9138	33	3	18	82	53	G1
307.4262	23	1	15	65	20	G1
291.5696	40	0	22	346	31	G1
293.033	49	6	22	138	35	G1
302.6176	68	17	15	62	52	G1
310.6316	26	4	2	61	18	G1
291.7324	49	0	36	77	26	G1
328.7478	5	0	2	1	0	G2
324.6275	36	1	10	78	43	G2
323.4667	56	4	18	95	65	G2
318.2041	37	2	25	132	91	G1
314.8205	13	0	12	56	19	G1
336.52	32	1	16	145	54	G2
226.4167	20	0	21	71	16	G0
262.1739	45	4	19	66	14	G0
262.25	55	0	66	79	6	G0
240.6842	45	0	45	78	13	G0
245.8095	63	4	31	159	41	G0
258.7297	62	3	11	84	36	G0
249.2969	51	0	8	31	7	G0
266.6569	39	1	30	88	26	G0
283.5728	45	2	8	71	27	G1
278.4688	37	2	53	103	10	G1
276.9459	30	0	13	59	17	G1
275.186	41	1	57	81	5	G1
274.2424	34	2	28	81	31	G1
268.1842	42	4	21	68	14	G0
277.8571	53	4	40	97	7	G1
284.0476	42	4	31	103	42	G1
275	47	1	5	47	3	G1
307.5714	47	0	39	71	21	G1
293.1395	24	0	33	79	56	G1
300.4118	44	0	5	17	2	G1
294.4545	30	2	26	100	34	G1
297.0978	52	1	12	88	29	G1
324.04	3	0	2	6	7	G2
315.48	9	0	3	68	50	G1
265.48	126	9	27	60	32	G0
253.1429	50	0	22	280	39	G0
285	42	21	27	147	94	G1
287.3667	21	0	6	17	1	G1
300.7647	14	0	23	58	20	G1
298.8462	33	1	41	58	29	G1
289.7941	44	1	30	101	80	G1
291.2464	56	3	31	105	40	G1
334.4684	0	0	0	0	0	G2
370.85	8	0	2	49	37	G2
264.7778	33	0	12	151	37	G0
264.9524	14	2	12	213	81	G0
254.5467	35	1	14	161	68	G0
242.9872	160	55	77	780	86	G0
281.8378	56	6	23	114	74	G1
278.4146	0	0	2	14	17	G1
273.6176	10	0	0	0	0	G0
274.1429	0	0	2	9	13	G1
306.6667	27	0	11	124	39	G1
291.3462	11	1	9	186	72	G1
293.1299	22	0	12	59	39	G1
302.5161	59	9	23	242	114	G1
307.7535	32	1	11	84	31	G1
317.16	32	0	13	145	35	G1
328.8586	26	0	5	65	28	G2
357	25	1	5	121	64	G2
321.1184	1	0	1	6	7	G1
338.9367	24	0	4	116	53	G2
318.9474	63	3	11	97	34	G1
315.7302	40	1	9	71	44	G1
317.9583	11	2	3	125	60	G1
320.8462	6	0	1	41	13	G1
317.0909	3	0	0	4	0	G1
315	187	30	42	592	71	G1
256.8321	23	1	30	119	33	G0
251.8088	36	0	20	332	31	G0
256.7011	28	2	26	100	16	G0
250.5311	0	8	19	95	21	G0
257.8062	161	9	21	422	182	G0
266.8045	40	4	30	144	77	G0
261.362	56	2	34	96	34	G0
260	0	0	6	25	2	G0
265.873	29	6	28	66	11	G0
259.9296	35	0	6	40	17	G0
265.3017	25	3	19	108	31	G0
265.1679	159	8	31	182	103	G0
267.4868	169	9	46	566	240	G0
257.8571	36	4	32	146	70	G0
272.4194	57	3	13	106	33	G0
270.5957	49	91	83	113	39	G0
272.2879	19	3	25	103	25	G0
274.8627	41	3	30	108	60	G1
272.3171	58	2	13	102	73	G0
270.4122	0	8	20	193	31	G0
273.9254	39	3	15	120	34	G0
271.5714	59	8	24	92	26	G0
273.589	32	2	17	73	82	G0
269.8054	14	0	15	40	57	G0
274.3819	13	0	14	61	12	G1
268.3897	27	0	18	73	16	G0
269.9811	62	7	24	168	16	G0
282.8268	160	9	34	200	107	G1
298.0203	18	0	3	43	81	G1
283.4514	148	46	14	186	66	G1
279.4226	47	0	21	60	46	G1
280.7262	53	4	29	154	111	G1
278.1111	149	45	12	169	74	G1
281.4968	57	8	29	122	62	G1
279.7069	102	68	56	297	113	G1
296.7119	16	1	7	36	72	G1
278.9506	29	2	39	204	74	G1
277.5294	20	0	1	11	0	G1
281.5357	35	4	39	112	25	G1
281.3846	61	23	18	64	33	G1
238.1379	3	0	0	4	3	G0
255.6567	41	4	8	42	6	G0
253.7766	30	0	10	14	0	G0
254.0521	56	0	41	39	7	G0
254.0093	31	4	9	36	5	G0
255.5784	20	0	9	20	6	G0
253.3525	31	0	31	64	49	G0
242.9612	40	0	8	20	5	G0
253.5723	37	0	10	38	22	G0
249.2635	44	0	2	28	6	G0
248.3905	57	0	13	42	6	G0
256.0107	44	3	34	72	5	G0
265.8956	0	0	2	15	0	G0
263.8174	33	1	39	98	40	G0
257.7191	26	0	16	68	10	G0
265.6013	56	4	44	115	30	G0
263.7483	66	2	20	142	20	G0
259.4587	50	0	25	67	14	G0
262.4904	44	6	17	101	25	G0
257.7826	49	1	4	59	1	G0
257.5641	7	0	0	6	0	G0
276.4348	27	0	5	14	0	G1
270.0673	37	0	45	52	9	G0
274.7436	26	0	2	13	2	G1
271.7853	12	0	7	35	2	G0
272.9646	57	4	31	145	44	G0
268.4322	16	0	18	41	5	G0
277.188	16	0	11	47	13	G1
281.705	43	3	30	96	65	G1
293.5875	25	0	46	32	11	G1
280.3026	46	0	5	27	3	G1
244.6364	29	22	321	211	11	G0
229.8841	4	1	33	42	19	G0
257.3604	24	0	11	33	1	G0
257.1008	50	0	32	30	0	G0
247.0412	52	2	129	183	33	G0
247.3886	36	8	40	48	10	G0
260.2905	63	2	53	126	29	G0
261.7381	31	0	8	12	0	G0
271.6226	8	1	25	33	8	G0
276.2143	14	0	19	16	2	G1
268.5728	41	1	39	85	20	G0
270.3299	114	1	25	63	15	G0
281.1754	0	0	1	4	0	G1
283.6735	38	4	21	49	14	G1
283.0909	30	0	24	33	13	G1
265.3661	19	1	20	97	36	G0
265.65	46	5	20	130	23	G0
268.5075	68	7	21	259	92	G0
269.5929	37	3	8	40	31	G0
267.7228	0	8	11	104	15	G0
269.8158	31	1	7	70	13	G0
280.4227	46	4	7	149	45	G1
290.3684	0	0	0	5	0	G1
282.3152	10	0	9	73	30	G1
278.2679	19	1	17	125	64	G1
284.5172	16	0	10	123	31	G1
281.3529	0	0	0	0	0	G1
sepal length	sepal width	petal length	petal width	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.2	setosa
5.0	3.2	1.2	0.2	setosa
5.5	3.5	1.3	0.2	setosa
4.9	3.6	1.4	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>
	<meta charset="utf-8">
	<style>

	svg {
	font: 10px sans-serif;
	padding: 10px;
	}

	.axis,
	.frame {
	shape-rendering: crispEdges;
	}

	.axis line {
	stroke: #ddd;
	}

	.axis path {
	display: none;
	}

	.cell text {
	font-weight: bold;
	text-transform: capitalize;
	}

	.frame {
	fill: none;
	stroke: #aaa;
	}

	circle {
	fill-opacity: .7;
	}

	</style>
	<body>
	<script src="//d3js.org/d3.v3.min.js"></script>
	<script>

	var width = 960,
	size = 230,
	padding = 20;

	var x = d3.scale.linear()
	.range([padding / 2, size - padding / 2]);

	var y = d3.scale.linear()
	.range([size - padding / 2, padding / 2]);

	var xAxis = d3.svg.axis()
	.scale(x)
	.orient("bottom")
	.ticks(6);

	var yAxis = d3.svg.axis()
	.scale(y)
	.orient("left")
	.ticks(6);

	var color = d3.scale.category10();

	d3.csv("CE_try2.csv", function(error, data) {
	if (error) throw error;

	var domainByTrait = {},
	traits = d3.keys(data[0]).filter(function(d) { return d !== "gruposcolor"; }),
	n = traits.length;

	traits.forEach(function(trait) {
	domainByTrait[trait] = d3.extent(data, function(d) { return d[trait]; });
	});

	xAxis.tickSize(size * n);
	yAxis.tickSize(-size * n);

	var svg = d3.select("body").append("svg")
	.attr("width", size * n + padding)
	.attr("height", size * n + padding)
	.append("g")
	.attr("transform", "translate(" + padding + "," + padding / 2 + ")");

	svg.selectAll(".x.axis")
	.data(traits)
	.enter().append("g")
	.attr("class", "x axis")
	.attr("transform", function(d, i) { return "translate(" + (n - i - 1) * size + ",0)"; })
	.each(function(d) { x.domain(domainByTrait[d]); d3.select(this).call(xAxis); });

	svg.selectAll(".y.axis")
	.data(traits)
	.enter().append("g")
	.attr("class", "y axis")
	.attr("transform", function(d, i) { return "translate(0," + i * size + ")"; })
	.each(function(d) { y.domain(domainByTrait[d]); d3.select(this).call(yAxis); });

	var cell = svg.selectAll(".cell")
	.data(cross(traits, traits))
	.enter().append("g")
	.attr("class", "cell")
	.attr("transform", function(d) { return "translate(" + (n - d.i - 1) * size + "," + d.j * size + ")"; })
	.each(plot);

	// Titles for the diagonal.
	cell.filter(function(d) { return d.i === d.j; }).append("text")
	.attr("x", padding)
	.attr("y", padding)
	.attr("dy", ".71em")
	.text(function(d) { return d.x; });

	function plot(p) {
	var cell = d3.select(this);

	x.domain(domainByTrait[p.x]);
	y.domain(domainByTrait[p.y]);

	cell.append("rect")
	.attr("class", "frame")
	.attr("x", padding / 2)
	.attr("y", padding / 2)
	.attr("width", size - padding)
	.attr("height", size - padding);

	cell.selectAll("circle")
	.data(data)
	.enter().append("circle")
	.attr("cx", function(d) { return x(d[p.x]); })
	.attr("cy", function(d) { return y(d[p.y]); })
	.attr("r", 4)
	.style("fill", function(d) { return color(d.gruposcolor); });
	}
	});

	function cross(a, b) {
	var c = [], n = a.length, m = b.length, i, j;
	for (i = -1; ++i < n;) for (j = -1; ++j < m;) c.push({x: a[i], i: i, y: b[j], j: j});
	return c;
	}

	</script>