laurenschroeder · April 12, 2017 07:32
diff --git a/README.md b/README.md
diff --git a/fastfood.txt b/fastfood.txt
 Company|Sales (Billion USD)
 Starbucks|4.1
 Taco Bell|4.3
 Pizza Hut|8
 KFC|8.2
 Wendy's|9.4
 Burger King|11.3
 McDonald's|41
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>



 <head>
  <style>
    rect.dimple-series-0 {
      fill: red;
    }  

    rect.dimple-series-0:hover {
      fill: yellow;
    }

  </style>
  <meta charset="utf-8">
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="http://dimplejs.org/dist/dimple.v2.0.0.min.js"></script>
    <script type="text/javascript">
      function draw(data) {
      
      /*
        D3.js setup code
      */

          "use strict";
          var margin = 75,
              width = 1400 - margin,
              height = 600 - margin;
          
          var svg = d3.select("body")
            .append("svg")
              .attr("width", width + margin)
              .attr("height", height + margin)
            .append('g')
                .attr('class','chart');

      /*
        Dimple.js Chart construction code
      */

          var myChart = new dimple.chart(svg, data);
          var y = myChart.addCategoryAxis("y", "Company"); 
          var x = myChart.addMeasureAxis("x", "Sales (Billion USD)");
          x.fontSize = "auto";
          y.fontSize = "auto";
          
          myChart.addSeries(null, dimple.plot.bar);
         
          myChart.draw();
        };
      </script>
  </head>
 <body>
  <script type="text/javascript">
  /*
    Use D3 (not dimple.js) to load the text file
    and pass the contents of it to the draw function
    */
  psv = d3.dsv("|","text/plain");
  psv("fastfood.txt",draw);
  
  </script>
 </body>
 </html>
	Company\|Sales (Billion USD)
	Starbucks\|4.1
	Taco Bell\|4.3
	Pizza Hut\|8
	KFC\|8.2
	Wendy's\|9.4
	Burger King\|11.3
	McDonald's\|41
	<!DOCTYPE html>
	<html>



	<head>
	<style>
	rect.dimple-series-0 {
	fill: red;
	}

	rect.dimple-series-0:hover {
	fill: yellow;
	}

	</style>
	<meta charset="utf-8">
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://dimplejs.org/dist/dimple.v2.0.0.min.js"></script>
	<script type="text/javascript">
	function draw(data) {

	/*
	D3.js setup code
	*/

	"use strict";
	var margin = 75,
	width = 1400 - margin,
	height = 600 - margin;

	var svg = d3.select("body")
	.append("svg")
	.attr("width", width + margin)
	.attr("height", height + margin)
	.append('g')
	.attr('class','chart');

	/*
	Dimple.js Chart construction code
	*/

	var myChart = new dimple.chart(svg, data);
	var y = myChart.addCategoryAxis("y", "Company");
	var x = myChart.addMeasureAxis("x", "Sales (Billion USD)");
	x.fontSize = "auto";
	y.fontSize = "auto";

	myChart.addSeries(null, dimple.plot.bar);

	myChart.draw();
	};
	</script>
	</head>
	<body>
	<script type="text/javascript">
	/*
	Use D3 (not dimple.js) to load the text file
	and pass the contents of it to the draw function
	*/
	psv = d3.dsv("\|","text/plain");
	psv("fastfood.txt",draw);

	</script>
	</body>
	</html>