<commit_before><html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/jquery-ui.min.css">

<script src="lib/d3.v3.min.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-ui.min.js"></script>

<script src="js/AliTV.js"></script>

<script type="text/javascript">
	var wga;
	$(document).ready(function() {
		var svg = $('#wgaCanvas');
		wga = new AliTV(svg);
		$.getJSON('data/data.json', function(data) {
			wga.setData(data);
			$.getJSON('data/filters.json', function(filters) {
				wga.setFilters(filters);
				wga.drawLinear();
			});
		});
	});
	function changeLinearSpacer(){
		var spacer = $("#linearSpacer").val(); 
		try {
		wga.setLinearSpacer(spacer); 
		wga.drawLinear();	
		}
		catch(err){
			alert(err);
			$("#linearSpacer").val(wga.getLinearSpacer());
		}
	}
</script>
</head>

<body>
<svg id='wgaCanvas'></svg>
<button type="button" onclick="wga.drawCircular();">Draw Circular</button> 
<button type="button" onclick="wga.drawLinear();">Draw Linear</button> 
</body>
 <form>
Spacer between chromsomes in the linear Layout:<br>
<input type="text" id="linearSpacer" onblur="changeLinearSpacer();">
<br>
</form> 
</html><commit_msg>Implement function changeLinearGenomeSpacer in the HTML file, now it is possible to change the distance between genomes by an input field<commit_after><html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/jquery-ui.min.css">

<script src="lib/d3.v3.min.js"></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-ui.min.js"></script>

<script src="js/AliTV.js"></script>

<script type="text/javascript">
	var wga;
	$(document).ready(function() {
		var svg = $('#wgaCanvas');
		wga = new AliTV(svg);
		$.getJSON('data/data.json', function(data) {
			wga.setData(data);
			$.getJSON('data/filters.json', function(filters) {
				wga.setFilters(filters);
				wga.drawLinear();
			});
		});
	});
	function changeLinearSpacer(){
		var spacer = $("#linearSpacer").val(); 
		try {
		wga.setLinearSpacer(spacer); 
		wga.drawLinear();	
		}
		catch(err){
			alert(err);
			$("#linearSpacer").val(wga.getLinearSpacer());
		}
	}
	function changeLinearGenomeSpacer(){
		var genomeSpacer = $("#linearGenomeSpacer").val(); 
		try {
		wga.setLinearGenomeSpacer(genomeSpacer); 
		wga.drawLinear();	
		}
		catch(err){
			alert(err);
			$("#linearGenomeSpacer").val(wga.getLinearGenomeSpacer());
		}
	}
</script>
</head>

<body>
<svg id='wgaCanvas'></svg>
<button type="button" onclick="wga.drawCircular();">Draw Circular</button> 
<button type="button" onclick="wga.drawLinear();">Draw Linear</button> 
</body>
 <form>
Spacer between chromsomes in the linear Layout:<br>
<input type="text" id="linearSpacer" onblur="changeLinearSpacer();">
<br>
Spacer between genomes in the linear Layout:<br>
<input type="text" id="linearGenomeSpacer" onblur="changeLinearGenomeSpacer();">
<br>
</form> 
</html>
{'fraction_non_alphanumeric': 0.2024137931034483, 'fraction_numerical': 0.0020689655172413794, 'mean_word_length': 5.211991434689508, 'pattern_counts': {'":': 0, '<': 64, '<?xml version=': 0, '>': 64, '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': '3043494', 'n_tokens_mistral': 1132, 'n_tokens_neox': 1053, 'n_words': 188}