tzvetkovv/.block

## .block
license: mit

## README.md

      
    Raw
  

              README.md
            
          
    Built with blockbuilder.org
forked from mostaphaRoudsari's block: 02_workshop_binding data to elements

  
## index.html
<!DOCTYPE html>

<head>
	<title>d3js workshop - data binding</title>
	<script src="http://d3js.org/d3.v3.js"></script> <!-- import D3 library -->
</head>

<body>
	<script type="text/javascript">
		// Write your code here
    // an empty selection - looking for instantiations of data
		div = d3.selectAll('div')
			.data(['ben', 'elcin', 'ana', 'jonatan'])		// data - it will be bound to the selection in next line!
			.enter()				// bound data to selection for every time that there is a data but there is no element
// 			.append('div')			// append a div element to each selection
// 			.text("hello world!");  // fill each element with text - but what was the use of data! comment this line and uncomment next line to really use the data.

// 		div.text(function(d){
// 				return d;
// 				}); // let's really use the data to fill each element

	</script>
</body>
	<!DOCTYPE html>

	<head>
	<title>d3js workshop - data binding</title>
	<script src="http://d3js.org/d3.v3.js"></script> <!-- import D3 library -->
	</head>

	<body>
	<script type="text/javascript">
	// Write your code here
	// an empty selection - looking for instantiations of data
	div = d3.selectAll('div')
	.data(['ben', 'elcin', 'ana', 'jonatan']) // data - it will be bound to the selection in next line!
	.enter() // bound data to selection for every time that there is a data but there is no element
	// .append('div') // append a div element to each selection
	// .text("hello world!"); // fill each element with text - but what was the use of data! comment this line and uncomment next line to really use the data.

	// div.text(function(d){
	// return d;
	// }); // let's really use the data to fill each element

	</script>
	</body>