<commit_before><!DOCTYPE html>
<html>
  <head>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  	<script src="colorbrewer.js"></script>
    <style>
      body, html { font-family: sans-serif;}
      text {  font: 10px Verdana;  }

      #graph { max-width: 1200px; overflow: scroll; overflow-y:hidden;}

    </style>

    
  </head>  

  <body>
    <h3>KICKSTARTER BROWSER!</h3>

    <p>Project: 
    <select id="picker"></select>
    </p>
    <form action="" id="datapoint">
		<input type="radio" name="datapoint" value="earn" checked="checked">Earn
		<input type="radio" name="datapoint" value="backers">No. Backers
    <input type="range" min="1" max="10" id="scale">   
    <label for="scale" >     
         Scalefactor = <span id="scale-value">1</span>
    </label>
	</form>

  
 

    <div id="graph" style="float:left">

    </div>

    <div id="reward" style="float:left">
    	<h3 id="tier">Click circle for reward info</h3>
    	<h4 id="backers"></h4>
    	<h5 id="total"></h5>
    	<p style="max-width: 300px"></p>
    </div>

    <script type="text/javascript">
      var scaleFactor = 1;
      var earnSelected = true;

      var earnScale = d3.scale.linear()
	      		.domain([1, 20000 * scaleFactor])
	      		.range([2,150]);
	    var backerScale = d3.scale.linear()
	  	  		.domain([1, 1000 * scaleFactor])
	  		  	.range([5,150]);
  	  // var colorScale = d3.scale.linear()
  	  // 			.domain([1,20])
  	  // 			.range(colorbrewer.RdBu(20));
  	  var colorScale = d3.scale.category20c()

      var svg = d3.select('#graph')
      	.style("border", "1px solid black")<commit_msg>Added description to homepage<commit_after><!DOCTYPE html>
<html>
  <head>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  	<script src="colorbrewer.js"></script>
    <style>
      body, html { font-family: sans-serif;}
      text {  font: 10px Verdana;  }

      #graph { max-width: 1200px; overflow: scroll; overflow-y:hidden;}

    </style>

    
  </head>  

  <body>
    <h3>KICKSTARTER REWARDS TOOL!</h3>

    <p>Project: 
    <select id="picker"></select>
    </p>
    <form action="" id="datapoint">
		<input type="radio" name="datapoint" value="earn" checked="checked">Earn
		<input type="radio" name="datapoint" value="backers">No. Backers
    <input type="range" min="1" max="10" id="scale">   
    <label for="scale" >     
         Scalefactor = <span id="scale-value">1</span>
    </label>
	</form>

  
 

    <div id="graph" style="float:left">

    </div>

    <div id="reward" style="float:left">
    	<h3 id="tier">Click circle for reward info</h3>
    	<h4 id="backers"></h4>
    	<h5 id="total"></h5>
    	<p style="max-width: 300px"></p>
    </div>

    <div style="max-width:960px">
      <br>
      <br>
      <p>
        A simple tool to help investigate the popularity a various video game Kickstarter reward tiers. Collated from both succesful and failed projects, it shows the relationship between 
        the number of backers for each tier, and how many people back at that tier. 
      </p>
      <p>
        Note: Some data might be out of date as we included live projects when collecting the data. 
      </p>
      <p>
        If you would like to create your own data, the project is open source and available on <a href="https://github.com/thefuntastic/kickstarter-rewards-tool">Github.</a>. 
      </p>
      <p>Originally created as a jam project by <a href="http://www.twitter.com/@thefuntastic">@TheFuntastic</a> for <a href="http://www.madewithmonsterlove.com">Made With Monster Love's</a>      kickstarter for the music puzzle game <a href="https://www.kickstarter.com/projects/947738574/cadence">Cadence</a>
      </p>
    </div>

    <script type="text/javascript">
      var scaleFactor = 1;
      var earnSelected = true;

      var earnScale = d3.scale.linear()
	      		.domain([1, 20000 * scaleFactor])
	      		.range([2,150]);
	    var backerScale = d3.scale.linear()
	  	  		.domain([1, 1000 * scaleFactor])
	  		  	.range([5,150]);
  	  // var colorScale = d3.scale.linear()
  	  // 			.domain([1,20])
  	  // 			.range(colorbrewer.RdBu(20));
  	  var colorScale = d3.scale.category20c()

      var svg = d3.select('#graph')
      	.style("border", "1px solid black")
{'fraction_non_alphanumeric': 0.1697494731912901, 'fraction_numerical': 0.02996956216342777, 'mean_word_length': 2.6955017301038064, 'pattern_counts': {'":': 0, '<': 101, '<?xml version=': 0, '>': 101, 'https://': 2, 'lorem ipsum': 0, 'www.': 3, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1392705', 'n_tokens_mistral': 1646, 'n_tokens_neox': 1509, 'n_words': 348}