D3 test.!

Abhishek Polavarapu.

Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/

Built with blockbuilder.org

Image and code from http://www.harding.edu/fmccown/r/

Embedding an image in Markdown:

R image

Embedding R code in Markdown:

> cars <- c(25, 7, 5, 26, 11, 8, 25, 14, 23, 19, 14, 11, 22, 29, 11, 13, 12, 17, 18, 10, 24, 18, 25, 9, 35)
> barplot(cars)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>D3 test</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style type="text/css">
		div.bar{
		display: inline-block;
            width: 20px;
            height: 75px;
			margin-right: 2px;
            background-color: teal;"></div>
			}
			</style>
    </head>
    <body>
        <script type="text/javascript">
                        var dataset = [];                                        //Initialize empty array
			for (var i = 0; i < 25; i++) {			         //Loop 25 times
				var newNumber = Math.round(Math.random() * 30);  //New random integer (0-30)
				dataset = dataset.concat(newNumber);             //Add new number to array
			}
			
			d3.select("body").selectAll("div")
				.data(dataset)
				.enter()
				.append("div")
				.attr("class", "bar")
				.style("height", function(d) {
					var barHeight = d * 5;
					return barHeight + "px";
				});
        </script>
    </body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js