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:
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> |