<commit_before><!DOCTYPE html>
<html>
<meta charset='utf-8'>
<title>t-SNE Viewer</title>
<style>

#chart {
  margin-left: -40px;
  height: 506px;
}

text {
  font: 10px sans-serif;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.label {
  fill: #777;
}

.iteration.label {
  font: 500 196px 'Helvetica Neue';
  fill: #ddd;
}

.iteration.label.active {
  fill: #aaa;
}

.overlay {
  fill: none;
  pointer-events: all;
  cursor: ew-resize;
}

</style>

<h1>T-SNE Viewer</h1>

<p id='chart'></p>

<aside>Mouseover the iteration to move forward and backwards through time.</aside>

<p class='attribution'>Source: <a href='http://bost.ocks.org/mike/results'>The Wealth & Health of Results</a>, <a href='http://bost.ocks.org/mike/'><NAME></a>.</p>

<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js'></script>
<script>

// Various accessors that specify the four dimensions of data to visualize.
function x(d) { return d.x; }
function y(d) { return d.y; }
function text(d) { return d.label; }
function color(d) { return d.label; }
function key(d) { return d.key; }

// Chart dimensions.
var margin = {top: 19.5, right: 19.5, bottom: 19.5, left: 99.5},
    width = 960 - margin.right,
    height = 500 - margin.top - margin.bottom;

// Various scales. These domains make assumptions of data, naturally.
var xScale = d3.scale.linear().domain([-20, 20]).range([0, width]),
    yScale = d3.scale.linear().domain([-20, 20]).range([height, 0]),
    colorScale = d3.scale.category10();
<commit_msg>correct link<commit_after><!DOCTYPE html>
<html>
<meta charset='utf-8'>
<title>t-SNE Viewer</title>
<style>

#chart {
  margin-left: -40px;
  height: 506px;
}

text {
  font: 10px sans-serif;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.label {
  fill: #777;
}

.iteration.label {
  font: 500 196px 'Helvetica Neue';
  fill: #ddd;
}

.iteration.label.active {
  fill: #aaa;
}

.overlay {
  fill: none;
  pointer-events: all;
  cursor: ew-resize;
}

</style>

<h1>T-SNE Viewer</h1>

<p id='chart'></p>

<aside>Mouseover the iteration to move forward and backwards through time.</aside>

<p class='attribution'>Source: <a href='http://bost.ocks.org/mike/nations'>The Wealth & Health of Nations</a>, <a href='http://bost.ocks.org/mike/'><NAME></a>.</p>

<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js'></script>
<script>

// Various accessors that specify the four dimensions of data to visualize.
function x(d) { return d.x; }
function y(d) { return d.y; }
function text(d) { return d.label; }
function color(d) { return d.label; }
function key(d) { return d.key; }

// Chart dimensions.
var margin = {top: 19.5, right: 19.5, bottom: 19.5, left: 99.5},
    width = 960 - margin.right,
    height = 500 - margin.top - margin.bottom;

// Various scales. These domains make assumptions of data, naturally.
var xScale = d3.scale.linear().domain([-20, 20]).range([0, width]),
    yScale = d3.scale.linear().domain([-20, 20]).range([height, 0]),
    colorScale = d3.scale.category10();

{'fraction_non_alphanumeric': 0.18445662689455014, 'fraction_numerical': 0.038697194453402126, 'mean_word_length': 3.6576576576576576, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 49, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, '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': '5383623', 'n_tokens_mistral': 1287, 'n_tokens_neox': 1182, 'n_words': 293}