Old school D3 from simpler times

All examples By author By category About

aaizemberg

Full window Github gist

La altura de los jugadores de UPCN de San Juan (Vega-lite, mark=tick, w/tooltip)

<!DOCTYPE html>
<html>
  <head>
    <title>Embedding Vega-Lite</title>
    <script src="https://cdn.jsdelivr.net/npm/vega@5.10.1"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-lite@4.11.0"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-embed@6.6.0"></script>
  </head>
  <body>
    <h1>Los jugadores de UPCN de San Juan</h1>
    <div id="vis"></div>
    <p>fuente: <a href="https://upcnvoley.com.ar/list/upcn-voley-2019-20/">https://upcnvoley.com.ar/list/upcn-voley-2019-20/</a></p>

<script type="text/javascript">
      var yourVlSpec = {
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "Las alturas de los jugadores de UPCN de San Juan",
  "width": 400, "height": 200,
  "data": {"values": [{"id":1,"Jugador":"Maximiliano Gauna","Posición":"Central","Altura":197},
{"id":2,"Jugador":"Matías Olivieri","Posición":"Central","Altura":190},
{"id":3,"Jugador":"Martín Tejada","Posición":"Opuesto","Altura":190},
{"id":4,"Jugador":"Alejandro Toro","Posición":"Punta","Altura":190},
{"id":5,"Jugador":"Lucas Ibazeta","Posición":"Punta","Altura":182},
{"id":6,"Jugador":"Mateo Bozikovich","Posición":"Armador","Altura":189},
{"id":7,"Jugador":"Nikolay Uchikov","Posición":"Opuesto","Altura":207},
{"id":8,"Jugador":"Nicolás Arredondo","Posición":"Central","Altura":192},
{"id":9,"Jugador":"Sebastián Brajkovic","Posición":"Armador","Altura":194},
{"id":10,"Jugador":"Ignacio Luengas","Posición":"Punta","Altura":205},
{"id":11,"Jugador":"Manuel Armoa","Posición":"Punta","Altura":188},
{"id":12,"Jugador":"Nicolás Zerba","Posición":"Central","Altura":200},
{"id":13,"Jugador":"Ignacio Flores","Posición":"Armador","Altura":178},
{"id":14,"Jugador":"Federico Martina","Posición":"Opuesto","Altura":202},
{"id":15,"Jugador":"Dmytro Mishchuk","Posición":"Central","Altura":209},
{"id":16,"Jugador":"Bruno Chirino","Posición":"Opuesto","Altura":195},
{"id":17,"Jugador":"Matías Salvo","Posición":"Libero","Altura":173},
{"id":18,"Jugador":"Martín Ramos","Posición":"Central","Altura":199},
{"id":19,"Jugador":"Miguel Ángel López Castro","Posición":"Punta","Altura":189},
{"id":20,"Jugador":"Nicolás Perren","Posición":"Libero","Altura":167}]},
  "mark": {"type": "tick", "tooltip": {"content": "data"}},
  "encoding": {
    "x": {"field": "Altura", "type": "quantitative"},
    "y": {"field": "Posición", "type": "nominal"}
  }
};
      vegaEmbed('#vis', yourVlSpec);
    </script>
  </body>
</html>

https://cdn.jsdelivr.net/npm/vega@5.10.1

https://cdn.jsdelivr.net/npm/vega-lite@4.11.0

https://cdn.jsdelivr.net/npm/vega-embed@6.6.0