Skip to content

Instantly share code, notes, and snippets.

@valegui

valegui/index.html

Last active December 18, 2016 00:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save valegui/0f8a11f90c17f262b8067c3c7c7f570f to your computer and use it in GitHub Desktop.
Save valegui/0f8a11f90c17f262b8067c3c7c7f570f to your computer and use it in GitHub Desktop.
Download ZIP
Distribución de horas promedio diarias por personas utilizadas en labores domésticas
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 sample_data = [
{
"region": "Antofagasta",
"trabajo": 773,
"tiempos": 3300.8827,
"horasprom": 4.2702
},
{
"region": "Arica y Parinacota",
"trabajo": 273,
"tiempos": 1139.209,
"horasprom": 4.1729
},
{
"region": "Atacama",
"trabajo": 501,
"tiempos": 1793.88,
"horasprom": 3.5806
},
{
"region": "Aysén del General Carlos Ibáñez del Campo",
"trabajo": 559,
"tiempos": 1794.03,
"horasprom": 3.2094
},
{
"region": "Bíobío",
"trabajo": 2126,
"tiempos": 7510.438,
"horasprom": 3.5327
},
{
"region": "Coquimbo",
"trabajo": 1056,
"tiempos": 3898.938,
"horasprom": 3.6922
},
{
"region": "La Araucanía",
"trabajo": 1422,
"tiempos": 4621.4577,
"horasprom": 3.25
},
{
"region": "Libertador General Bernardo O'Higgins",
"trabajo": 1507,
"tiempos": 6373.001,
"horasprom": 4.2289
},
{
"region": "Los Lagos",
"trabajo": 1329,
"tiempos": 4703.343,
"horasprom": 3.539
},
{
"region": "Los Ríos",
"trabajo": 619,
"tiempos": 2547.495,
"horasprom": 4.1155
},
{
"region": "Magallanes y de la Antártica Chilena",
"trabajo": 345,
"tiempos": 1003.2807,
"horasprom": 2.9081
},
{
"region": "Maule",
"trabajo": 1159,
"tiempos": 4025.022,
"horasprom": 3.4728
},
{
"region": "Metropolitana de Santiago",
"trabajo": 5305,
"tiempos": 19580.868,
"horasprom": 3.691
},
{
"region": "Tarapacá",
"trabajo": 510,
"tiempos": 1844.399,
"horasprom": 3.6165
},
{
"region": "Valparaíso",
"trabajo": 2084,
"tiempos": 8718.756,
"horasprom": 4.1837
}
]
// instantiate d3plus
var visualization = d3plus.viz()
.container("#viz") // container DIV to hold the visualization
.data(sample_data) // data to use with the visualization
.type("tree_map") // visualization type
.id("region") // key for which our data is unique on
.size("horasprom")
.labels({"align": "left", "valign": "top"}) // 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