histograma (vega-lite) by aaizemberg

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Histograma VEGA-lite</title>
    <meta charset="utf-8" />

    <script src="https://cdn.jsdelivr.net/npm/vega@5.5.3"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-lite@4.0.0-beta.2"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-embed@5.1.2"></script>
    
  </head>
  <body>
    <h1>promedios histograma</h1>

    <div id="vis"></div>

    <script>
      var vlSpec = {
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {"url": "https://raw.githubusercontent.com/aaizemberg/vis/gh-pages/graduados/promedios_2019-09-09.tsv" },
  "mark": "bar",
  "encoding": {
    "x": {
      "title" : "nota",
      "bin": true,
      "field": "promedio",
      "type": "quantitative"
    },
    "y": {
      "title" : "cantidad de graduados",
      "aggregate": "count",
      "type": "quantitative"
    }
  }
};

      vegaEmbed('#vis', vlSpec);
    </script>
  </body>
</html>