<commit_before><!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>d3.js Visualization</title>
	<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
	<script>
		console.log(d3);
		
		d3.json("data/json/us.json", function( data ) {
			
			var canvas1 = d3.select("body").append("svg")
				.attr("width", 2000)
				.attr("height", 2000);
			
			canvas1.selectAll("rect").data( data )
				.enter().append("rect")
					.attr("width", function( d ) { return d.barrels * 10; })
				  	.attr("height", 48)
				  	.attr("y", function( d, i ) { return i * 50; })
				  	.attr("fill", "blue");
			
			canvas1.selectAll("text").data(data)
				.enter().append("text")
					.attr("y", function ( d, i ) { return i * 50 + 24; })
					.text(function (d) { return d.barrels; })
					.attr("fill", "white");
		});
		
		d3.json("data/json/us.json", function( data2 ) {
			
			var canvas2 = d3.select("body").append("svg")
				.attr("width", 2000)
				.attr("height", 2000);
			
			var data2 = [
				{x: 10, y: 20},
				{x: 40, y: 60},
				{x: 50, y: 70}
			];
			
			var group = canvas2.append("g")
							.attr("transform", "translate(100, 100)");
			
			var line = d3.svg.line()
							.x( function (d) { return d.x; })
							.y( function (d) { return d.y; });
			
			
			group.selectAll("path")
				.data([data2])
				.enter()
				.append("path")
				.attr("d", line)
				.attr("fill", "none")
				.attr("stroke", "#000")
				.attr("stroke-width", 10);
		});
		
	</script>
</body>
</html><commit_msg>Canvas<commit_after><!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>d3.js Visualization</title>
	<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
	<script>
		console.log(d3);
		
		d3.json("data/json/us.json", function( data ) {
			
			var canvas1 = d3.select("body").append("svg")
				.attr("width", 2000)
				.attr("height", 2000);
			
			canvas1.selectAll("rect").data( data )
				.enter().append("rect")
					.attr("width", function( d ) { return d.barrels * 10; })
				  	.attr("height", 48)
				  	.attr("y", function( d, i ) { return i * 50; })
				  	.attr("fill", "blue");
			
			canvas1.selectAll("text").data(data)
				.enter().append("text")
					.attr("y", function ( d, i ) { return i * 50 + 24; })
					.text(function (d) { return d.barrels; })
					.attr("fill", "white");
		});
		
		d3.json("data/json/us.json", function( data2 ) {
			
			var canvas2 = d3.select("body").append("svg")
				.attr("width", 2000)
				.attr("height", 2000);
			
			var data2 = [
				{x: 10, y: 20},
				{x: 40, y: 60},
				{x: 50, y: 70}
			];
			
			var group = canvas2.append("g")
							.attr("transform", "translate(100, 100)");
			
			var line = canvas2.line()
							.x( function (d) { return d.x; })
							.y( function (d) { return d.y; });
			
			
			group.selectAll("path")
				.data([data2])
				.enter()
				.append("path")
				.attr("d", line)
				.attr("fill", "none")
				.attr("stroke", "#000")
				.attr("stroke-width", 10);
		});
		
	</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.22296437659033078, 'fraction_numerical': 0.043256997455470736, 'mean_word_length': 2.189655172413793, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, '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': '1236163', 'n_tokens_mistral': 1590, 'n_tokens_neox': 1165, 'n_words': 235}