mbostock · September 15, 2020 03:25
diff --git a/.block b/.block
 license: gpl-3.0
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 h1 {
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: 96px;
  line-height: 350px;
 }

 </style>
 <h1>1 + 2 + 3 = <span id="result">?</span></h1>
 <script src="https://d3js.org/d3-dsv.v1.min.js"></script>
 <script>

 Promise.all([
  "one.csv",
  "two.csv",
  "three.csv"
 ].map(function(url) {
  return fetch(url).then(function(response) {
    return response.ok ? response.text() : Promise.reject(response.status);
  }).then(function(text) {
    return d3.csvParse(text);
  });
 })).then(function(value) {
  var one = +value[0][0].number,
      two = +value[1][0].number,
      three = +value[2][0].number;
  document.querySelector("#result").textContent = one + two + three;
 });

 </script>
diff --git a/one.csv b/one.csv
 number
 1
diff --git a/three.csv b/three.csv
 number
 3
diff --git a/thumbnail.png b/thumbnail.png
diff --git a/two.csv b/two.csv
 number
 2
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	h1 {
	text-align: center;
	font-family: "Helvetica Neue";
	font-size: 96px;
	line-height: 350px;
	}

	</style>
	<h1>1 + 2 + 3 = <span id="result">?</span></h1>
	<script src="https://d3js.org/d3-dsv.v1.min.js"></script>
	<script>

	Promise.all([
	"one.csv",
	"two.csv",
	"three.csv"
	].map(function(url) {
	return fetch(url).then(function(response) {
	return response.ok ? response.text() : Promise.reject(response.status);
	}).then(function(text) {
	return d3.csvParse(text);
	});
	})).then(function(value) {
	var one = +value[0][0].number,
	two = +value[1][0].number,
	three = +value[2][0].number;
	document.querySelector("#result").textContent = one + two + three;
	});

	</script>