Skip to content

Instantly share code, notes, and snippets.

@aaizemberg

aaizemberg/index.html

Created July 15, 2017 13:47
Show Gist options
  • Save aaizemberg/63e63bd163c87ffa589e9c30b8338641 to your computer and use it in GitHub Desktop.
Save aaizemberg/63e63bd163c87ffa589e9c30b8338641 to your computer and use it in GitHub Desktop.
Download ZIP
graduados del ITBA (usando: treemap, d3plus)
Raw
index.html
<!doctype html>
<meta charset="utf-8">
<!-- load D3js -->
<script src="//d3plus.org/js/d3.js"></script>
<!-- load D3plus after D3js -->
<script src="//d3plus.org/js/d3plus.js"></script>
<!-- create container element for visualization -->
<div id="viz"></div>
<script>
// sample data array
var data = [{"carrera":"Ingeniero Eléctrico","cant":62},
{"carrera":"Ingeniero Electrónico","cant":1046},
{"carrera":"Ingeniero en Armas","cant":30},
{"carrera":"Ingeniero en Informática","cant":370},
{"carrera":"Ingeniero en Petróleo","cant":259},
{"carrera":"Ingeniero Industrial","cant":3220},
{"carrera":"Ingeniero Mecánico","cant":495},
{"carrera":"Ingeniero Metalúrgico","cant":7},
{"carrera":"Ingeniero Naval","cant":93},
{"carrera":"Ingeniero Químico","cant":508},
{"carrera":"Lic.en Administración y Sistemas","cant":338},
{"carrera":"Licenciado en Análisis de Sistemas","cant":110},
{"carrera":"Licenciado en Ciencias Meteorológicas","cant":1},
{"carrera":"Licenciado en Hidrografía","cant":16},
{"carrera":"Licenciado en Informática","cant":88},
{"carrera":"Licenciado en Oceanografía","cant":115}];
// instantiate d3plus
var visualization = d3plus.viz()
.container("#viz") // container DIV to hold the visualization
.data(data) // data to use with the visualization
.type("tree_map") // visualization type
.id("carrera") // key for which our data is unique on
.size("cant") // sizing of blocks
.draw() // finally, draw the visualization!
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment