<commit_before><!DOCTYPE html>
<meta charset="utf-8">
<style>

.calle {
  stroke: #333;
  fill: none;
  stroke-width: 1.01px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.barrio {
  fill: #fff;
  stroke: red;
  opacity: 0.5;
}

.background {
  fill: none;
  pointer-events: all;
}

</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script>

var width = 1500,
    height = 1500;

var projection = d3.geo.mercator()
    .scale(280000);

var zoom = d3.behavior.zoom()
    .translate([0, 0])
    .scale(1)
    .scaleExtent([1, 8])
    .on("zoom", zoomed);

var path = d3.geo.path()
    .projection(projection);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

svg.append("rect")
    .attr("class", "background")
    .attr("width", width)
    .attr("height", height);
    // .on("click", reset);

var callesBA = svg.append("g");
var barriosBA = svg.append("g");


svg
    .call(zoom) // delete this line to disable free zooming
    .call(zoom.event);

d3.json("data/caba.json", function(error, topo) {
  // Traigo caba.json, un archivo topojson con 2 capas, barrios y calles segmentadas. Ver Makefile.
  var calles = topojson.feature(topo, topo.objects.calles),
      callesgeo = calles.features;
      

  var barrios = topojson.feature(topo, topo.objects.barrios),
      barriosgeo = barrios.features,
      bounds = path.bounds(barrios);

  var tipo = d3.extent(callesgeo, function(d, i) {
          return d.properties.id
      });

  console.log(tipo);

  projection
      .translate([width / 2 - (bounds[0][0] + bounds[1][0]) / 2 + 500, height / 2 - (bounds[0][1] + bounds[1][1]) / 2]);

  callesBA.selectAll("path")
      .data(callesgeo).enter()
      .append("path")
      .attr("class", function(d,i){
          return d.properties.id + " calle";
      })
      .attr("d", path);        
      // .on("mouseover", functionCall) // just a little example of what's available in terms of interaction
      // .on("mouseout", fcuntionCall) // 

  // svg.append("path")
  //     .datum(calles)<commit_msg>Cambio detectado<commit_after><!DOCTYPE html>
<meta charset="utf-8">
<style>

.calle {
  stroke: #333;
  fill: none;
  stroke-width: 1.01px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.barrio {
  fill: #fff;
  stroke: red;
  opacity: 0.5;
}

.background {
  fill: none;
  pointer-events: all;
}

</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script>

var width = 1500,
    height = 1500;

var projection = d3.geo.mercator()
    .scale(280000);

var zoom = d3.behavior.zoom()
    .translate([0, 0])
    .scale(1)
    .scaleExtent([1, 8])
    .on("zoom", zoomed);

var path = d3.geo.path()
    .projection(projection);

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

svg.append("rect")
    .attr("class", "background")
    .attr("width", width)
    .attr("height", height);
    // .on("click", reset);

var callesBA = svg.append("g");
var barriosBA = svg.append("g");


svg
    .call(zoom) // delete this line to disable free zooming
    .call(zoom.event);

d3.json("data/caba.json", function(error, topo) {
  // Traigo caba.json, un archivo topojson con 2 capas, barrios y calles segmentadas. Ver Makefile.
  var calles = topojson.feature(topo, topo.objects.calles),
      callesgeo = calles.features; 

  var barrios = topojson.feature(topo, topo.objects.barrios),
      barriosgeo = barrios.features,
      bounds = path.bounds(barrios);

  var tipo = d3.extent(callesgeo, function(d, i) {
          return d.properties.id
      });

  console.log(tipo);

  projection
      .translate([width / 2 - (bounds[0][0] + bounds[1][0]) / 2 + 500, height / 2 - (bounds[0][1] + bounds[1][1]) / 2]);

  callesBA.selectAll("path")
      .data(callesgeo).enter()
      .append("path")
      .attr("class", function(d,i){
          return d.properties.id + " calle";
      })
      .attr("d", path);        
      // .on("mouseover", functionCall) // just a little example of what's available in terms of interaction
      // .on("mouseout", fcuntionCall) // 

  // svg.append("path")
  //     .datum(calles)
{'fraction_non_alphanumeric': 0.18603593359108483, 'fraction_numerical': 0.02592676825108028, 'mean_word_length': 2.9408602150537635, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, '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': '2075395', 'n_tokens_mistral': 1712, 'n_tokens_neox': 1631, 'n_words': 340}