index.html
<!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>