opensource.html

﻿<!DOCTYPE html>
<html>
	<head>
	  <!--Import materialize.css-->
	  <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
	  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		 <!--Dynamically Import external HTML.css-->
		
		 <!--Local Styling-->
		<style>
			img {
					max-width: 100%;
					max-height: 100%;
			}
			div.main {
					padding-left: 5%;
					padding-right: 5%;
					padding-top:5%;
			}
			div.note {
					margin: 10px;
					padding-left: 50px;
					padding-right: 50px;
			}
		</style>
	</head>
	<body>

		<!--Site Navigation-->
  <nav>
    <div class="nav-wrapper light-blue darken-2">
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="index.html">Motivation</a></li>
        <li><a href="index.html">Intermediate Results</a></li>
        <li><a href="research.html">Research</a></li>
        <li class="active"><a href="opensource.html">Source Code</a></li>
      </ul>
    </div>
  </nav>
<div class="main">
 <p align="center" style= padding-top:10%><b> As of April 20 2015 links to source data in bag of words format are available through <a href="https://github.com/zeluspudding/Historic-Billboard-Hot-100-Analysis">this project's GIT repository.</a> </p> <p align="center" >Additional digital goodies including [r] Wikipedia scraping routines to be added April 21st.</b></p>
</div>
	
	  <!--Import jQuery before materialize.js-->
	<script type="text/javascript">
		g = new Dygraph(
			document.getElementById("graph"),
			"Uniqueness of Historic BH 100.csv", // path to CSV file
		{  // options
			title: 'Unique Word Count of Every* Song in the Billboard Hot 100 Since 1958',
			titleHeight: 32,
			ylabel: 'Unique Words',
			xlabel: 'Year',
			labelsDivStyles: {
				'text-align': 'right',
				'background': 'none'
			},
			highlightCircleSize: 2,
			drawPoints: 1,
			pointSize: 1.25,
			strokeWidth: 0,
			

			highlightSeriesOpts: {
			strokeWidth: 2,
			strokeBorderWidth: 0,
			highlightCircleSize: 5
			}
		}
		);          
	</script>
	<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="js/materialize.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
		$('.modal-trigger').leanModal();
		});
	</script>
	</body>
</html>