Skip to content

Instantly share code, notes, and snippets.

@ne8il

ne8il/README.md

Last active April 12, 2018 13:20
Show Gist options
  • Save ne8il/5131235 to your computer and use it in GitHub Desktop.
Save ne8il/5131235 to your computer and use it in GitHub Desktop.
Download ZIP
D3 Example 1 : Simple HTML List
Raw
README.md

Binding an array to some list elements

Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 960px;
height: 500px;
position: relative;
}
</style>
</head>
<body>
</body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var names = ['Frank', 'Tom', 'Peter', 'Mary'];
var ul = d3.select('body').append('ul');
ul.selectAll('li')
.data(names)
.enter()
.append('li')
.html(String);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment