<commit_before><template>
	<canvas class="visualisation__canvas"></canvas>
</template>

<script type="text/babel">
	export default {
		props: ['heatmap', 'gradientPath'],
		ready() {
			this.heatmap = window.createWebGLHeatmap({
				canvas: this.$el,
				intensityToAlpha: true,
				gradientTexture: 'img/gradients/plasma.png'
			});

			this.$watch('gradientPath', () => {
				let image = new Image();
				image.onload = () => {
					return this.heatmap.gradientTexture.bind().upload(image);
				};
				image.src = this.gradientPath;
			});
		}
	}
</script>

<style lang="less" type="text/less">
	.visualisation__canvas {
		position: absolute;
		width: 100%;
		height: 100%;
	}
</style>
<commit_msg>Heatmap canvas now has a fixed size<commit_after><template>
	<canvas class="visualisation__canvas"></canvas>
</template>

<script type="text/babel">
	export default {
		props: ['heatmap', 'gradientPath'],
		ready() {
			this.heatmap = window.createWebGLHeatmap({
				canvas: this.$el,
				intensityToAlpha: true,
				gradientTexture: 'img/gradients/plasma.png',
				width: 1024,
				height: 1024
			});

			this.$watch('gradientPath', () => {
				let image = new Image();
				image.onload = () => {
					return this.heatmap.gradientTexture.bind().upload(image);
				};
				image.src = this.gradientPath;
			});
		}
	}
</script>

<style lang="less" rel="stylesheet/less">
	.visualisation__canvas {
		position: absolute;
		width: 100%;
		height: 100%;
	}
</style>

{'fraction_non_alphanumeric': 0.17099863201094392, 'fraction_numerical': 0.013679890560875513, 'mean_word_length': 3.6741214057507987, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 23, 'https://': 0, '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': '6398237', 'n_tokens_mistral': 614, 'n_tokens_neox': 480, 'n_words': 94}