Skip to content

Instantly share code, notes, and snippets.

@joao-parana

joao-parana/index.html

Last active December 19, 2017 11:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joao-parana/cfda303d8d2c22bdd35a016e785cb7b9 to your computer and use it in GitHub Desktop.
Save joao-parana/cfda303d8d2c22bdd35a016e785cb7b9 to your computer and use it in GitHub Desktop.
Download ZIP
SOMA 02 - data binding
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="data-binding">
</head>
<body>
<script src="https://d3js.org/d3.v4.min.js" charset=" utf-8"></script>
<script>
var selector = d3.select('body')
.selectAll('span')
.data([10, 20, 30, 40]);
selector.enter()
.append('div')
.text(function(d) { return 2 * d; });
</script>
</body>
</html>
Raw
untitled.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="SOMA 02 - data binding">
<title>SOMA 02 - data binding</title>
</head>
<body>
<!-- div id="page">
<div id="div1">A</div>
<div id="div2">B</div>
<div id="div3">C</div>
<div id="div4">D</div>
</div -->
<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
<script>
var selector = d3.select("body");
console.log(selector)
// selector = selector.selectAll('div')
// console.log(selector)
selector = selector.data([10, 20, 30, 40]);
console.log(selector)
var entering = selector.enter();
entering.append('div').text(function(d) { return d; });
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment