anchor.diff:                                      },
                                       bindto: '#chart2'
                                   });
  +								
  +							
  +							
  +							/////WIP::::WORK IN PROGRESS: WATERFALL
  +							modData = [];
  +							category = [];
  +							item = [];
  +							var WaterfallData = d3.nest()
  +								.key(function (d) {
  +								return d.Transaction_Detail;
  +							})
  +							.rollup(function (d) {
  +								return d3.sum(d, function (g) {
  +									return 1;
  +							});
  +							}).entries(csv_data);
  +
  +						console.log("Waterfall");
  +						console.log(WaterfallData);
  +
  +						// Transform data (i.e., finding cumulative values and total)
  +						  var cumulative = 0;
  +						  for (var i = 0; i < WaterfallData.length; i++) {
  +							WaterfallData[i].start = cumulative;
  +							cumulative += WaterfallData[i].values;
  +							WaterfallData[i].end = cumulative;
  +							//WIP::::PENDING----LOGIC FOR +ve / -ve
  +							WaterfallData[i].class = ( WaterfallData[i].values >= 0 ) ? 'positive' : 'negative'
  +							}
  +							WaterfallData.push({
  +								name: 'Total',
  +								end: cumulative,
  +								start: 0,
  +								class: 'total'
  +							});
  +							console.log("Waterfall2");
  +							console.log(WaterfallData);
  +							//WIP::::PENDING----LOGIC FOR +ve / -ve
  +							var waterfallChart = c3.generate({
  +								data: {
  +									columns: [WaterfallData],
  +									type: 'bar',
  +								},
  +								grid: {
  +									y: {
  +										lines: [{value:0}]
  +									}
  +								}, 
  +								bindto: '#chart4'
  +							  });
                       });
   </script>
   	<!-- header logo: style can be found in header.less -->
   	<header class="header">
  -		<a href="index.html" class="logo"> Italy </a>
  +		<a href="index.html" class="logo"> Italy Customer Walk</a>
   		<!-- Header Navbar: style can be found in header.less -->
   		<nav class="navbar navbar-static-top" role="navigation">
   			<!-- Sidebar toggle button-->
  
positive.code: 		// Chart.defaults.global.responsive = true;
  	</script>
  </body>
  </html>
negative.code: 				<div class="row">
  					<div class="col-md-6">
  						<section class="panel">
  							<header class="panel-heading"> How are customer movements trending over time? </header>
  							<div class="panel-body">
  								<div id="chart1"></div>
  							</div>
  						</section>
  					</div>
  					<!--end col-6 -->
  					<div class="col-md-6">
  						<section class="panel">
  							<header class="panel-heading"> How is customer acquisition trending over time? </header>
  							<div class="panel-body">
  								<div id="chart2"></div>
  							</div>
  