Skip to content

Instantly share code, notes, and snippets.

@andrewcowley
Last active April 17, 2018 02:46
Show Gist options
  • Save andrewcowley/ee10bc9f41f1d8d698d305e3a3797789 to your computer and use it in GitHub Desktop.
Save andrewcowley/ee10bc9f41f1d8d698d305e3a3797789 to your computer and use it in GitHub Desktop.
appending span
license: mit
<!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; }
span {margin: 50px; padding: 50px}
</style>
</head>
<body>
<button id="inc">++</button>
<script>
var data = ["Edit the code below to change me!"]
// Feel free to change or delete any of the code you see in this editor!
var div = d3.select("body").append("div")
.attr("width", 960)
.attr("height", 500)
var update = function (txt) {
var spn = div.selectAll('span').data([txt]);
spn.enter()
.append("span")
.text(function(d){return d})
}
update(data[0])
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment