block by aaizemberg 9c69a296702147dbf4b0ff03ff18f121

1. read.tsv, 2. lodash processing, 3. Apache ECharts (Actividad)

Full Screen

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>1. read.tsv, 2. lodash processing, 3. Apache ECharts</title>
</head>
<body>
  <script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

  <h1>Actividad</h1>
  
  <ol>
    <li>read.tsv</li>
    <li>_lodash processing</li>
    <li>Apache ECharts</li>
  </ol>

  <div id="aca_deberia_estar_el_grafico_generado_por_ECharts"></div>

<script>
  // reemplazar estos datos, por los datos de verdad
  //
  var data = [
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Industrial' },
  {c :'Ing Informatica' },
  {c :'Ing Informatica' },
  {c :'Ing Informatica' },
  {c :'Ing Informatica' },
  {c :'Ing Informatica' },
  {c :'Ing Informatica' }
  ];
  
  // usamos lodash para hacer un countBy 'c'
  //
  var result = _.countBy(data, 'c');
  console.log(result);
  
  // hacer un grafico con Apache ECharts
  // ...
</script>
  
</body>
</html>