fathygad/.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
		place_holders = d3.selectAll('div')
			.data(['ben', 'elcin', 'ana', 'jonatan', 'Fathy'])		// 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.

		place_holders.text(function(d,i){
				return i+1 +"  "+ 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
	place_holders = d3.selectAll('div')
	.data(['ben', 'elcin', 'ana', 'jonatan', 'Fathy']) // 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.

	place_holders.text(function(d,i){
	return i+1 +" "+ d;
	}); // let's really use the data to fill each element

	</script>
	</body>