Pan run simulator

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Pan math fun</title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"> </script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@12.10.3/d3.layout.js"> </script>
	<script type="text/javascript">
	
  function solve_inv(opts) {
    return(opts.goal_success_levels/(opts.scale*(opts.start+opts.goal_success_levels)));
  }

$('#rune_stats').empty();
      var stats_header = $('<tr></tr>').appendTo($('#rune_stats'));
      stats_header.append('<td>rune</td><td>mode</td>');
      stats_header.append('<td>min</td><td>25%</td><td>50%</td><td>75%</td><td>max</td>');
      // let's run our monte carlo!
      var rune_count = 4;
      var run_results = pan_monte_carlo(start_prob, start_fx, model_fx, 
        success_weight, skip_weight, success_prob, psf, rune_count, max_levels, iters);
      var histograms = [];
      var max_y = 0;
      for (var i = 0; i < rune_count; i++) {
        var vals = run_results.map(function(e) {return e[i];});
        var vals_sorted = vals.slice().sort(d3.ascending);
        var hist = d3.layout.histogram()
          .bins(max_levels)
          .range([0,max_levels])(vals);
        var yvals = hist.map(function(d) {return d.y;});
        var this_max_y = d3.max(yvals);
        var max_y_idx = yvals.indexOf(this_max_y);
        max_y = d3.max([max_y, this_max_y]);
        histograms.push(hist);
        
        var stats_row = $('<tr></tr>').appendTo($('#rune_stats'));
        stats_row.append('<td>'+(i+1)+'</td><td>'+hist[max_y_idx].x+'</td>');
        stats_row.append('<td>'+d3.quantile(vals_sorted, 0)+'</td>');
        stats_row.append('<td>'+d3.quantile(vals_sorted, 0.25)+'</td>');
        stats_row.append('<td>'+d3.quantile(vals_sorted, 0.5)+'</td>');
        stats_row.append('<td>'+d3.quantile(vals_sorted, 0.75)+'</td>');
        stats_row.append('<td>'+d3.quantile(vals_sorted, 1)+'</td>');
      }
      // And draw it.
      canvas.selectAll('g').remove();
      var x_scale = d3.scale.linear()
        .range([0,w])
        .domain([0, max_levels]);
      var bar_width = w/max_levels;
      var y_scale = d3.scale.linear()
        .range([0, h])
        .domain([0, max_y]);
      for (var i = histograms.length-1; i >= 0; i--) {
        var hist = histograms[i];
        var chp = canvas.append('g');
        chp.selectAll('rect')
            .data(hist)
          .enter().append('rect')
            .attr('x', function(d) { return x_scale(d.x);})
            .attr('width', bar_width)
            .attr('y', function(d) { return h-y_scale(d.y); })
            .attr('height', function(d) {return y_scale(d.y); })
            .style('fill', color_scale(i))
            .style('opacity', 0.7);
          
      }
    })
  });
	</script>
</head>
<body>
  <div>
    <label for="model">Model</label>
    <select id="model" name="model">
      <option value="logistic">logistic: 1/m(e^-(b0+b1*succ+b2*skip))</option>
      <option value="inv">inverse: x/m(x+b0)</option>
    </select>
  </div>
  <div>
    <label for="start_prob">Start probability (drives b0)</label>
    <input name="start_prob" id="start_prob" value="0.015" />
  </div>
  <div>
    <label for="success_weight">Goal success weight (b1)</label>
    <input name="success_weight" id="success_weight" value="0.1" />
    (Ignored for inverse model)
  </div>
  <div>
    <label for="skip_weight">Goal skip weight (b2)</label>
    <input name="skip_weight" id="skip_weight" value="0.1" />
    (Ignored for inverse model)
  </div>
  <div>
    <label for="success_prob">Success probability</label>
    <input name="success_prob" id="success_prob" value="1" />
    (Use 1 for inverse model)
  </div>
  <div>
    <label for="psf">Scale factor (m)</label>
    <input name="psf" id="psf" value="2" />
  </div>
  <div>
    <label for="max_levels">Max levels</label>
    <input name="max_levels" id="max_levels" value="150" />
  </div>
  <div>
    <label for="iters">Simulation iterations</label>
    <input name="iters" id="iters" value="10000" />
  </div>
  <div>
    <input id="compute" type="button" value="Compute!" />
  </div>
  <div id="histograms">
  </div>
  <table id="rune_stats">
  </table>
</body>
</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js to a secure url

Modified http://mbostock.github.com/d3/d3.js to a secure url

Modified http://mbostock.github.com/d3/d3.layout.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

https://mbostock.github.com/d3/d3.js

https://mbostock.github.com/d3/d3.layout.js