channels_diff.html (43 lines of code) (raw):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Analyze distribution</title>
<link rel="stylesheet" href="style.css" />
<script
src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"
integrity="sha256-dsOXGNHAo/syFnazt+KTBsCQeRmlcW1XKL0bCK4Baec="
crossorigin="anonymous"
></script>
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.js"
integrity="sha256-YhmtrYJDSZgZFL8jDCR8VNOV/iigJPZYNCk8L9J72Hk="
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.css"
integrity="sha256-HzWsbetzuScwBVnRYZIRJeXPQjHvyAMWhukery/8L8A="
crossorigin="anonymous"
/>
</head>
<body>
<script src="correlations.js" type="text/javascript"></script>
<script src="channels_diff.js" type="text/javascript"></script>
<select name="property" id="property"></select>
<select name="value" id="value"></select>
<table id="table">
<tr>
<th>Percentage in nightly</th>
<th>Percentage in beta</th>
<th>Percentage in release</th>
</tr>
</table>
<svg id="image" width="1200" height="900"></svg>
</body>
</html>