poblados-colonizacion-colon.../img-poblados/poblados-snaps.html
2017-04-28 13:40:55 +02:00

58 lines
1.2 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8"/>
<style>
.snap {
width:200px;
height:200px;
}
</style>
<body>
<script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script>
<script>
var tabulate = function (data,columns) {
var table = d3.select('body').append('table')
var thead = table.append('thead')
var tbody = table.append('tbody')
thead.append('tr')
.selectAll('th')
.data(columns)
.enter()
.append('th')
.text(function (d) { return d })
var rows = tbody.selectAll('tr')
.data(data)
.enter()
.append('tr')
var cells = rows.selectAll('td')
.data(function(row) {
return columns.map(function (column) {
return { column: column, value: row[column] }
})
})
.enter()
.append('td')
.html(function (d) {
if (['1945','1956','2014'].indexOf(d.column) > -1 ) {
var img = "<img src=" + d.value + " class='snap'>"
return img
}
else return d.value
})
return table;
}
d3.csv('poblados-unicode.csv',function (data) {
var columns = ['id_propi','POBLADO','PROVINCIA','ANYO','1945','1956','2014']
tabulate(data,columns)
})
</script>
</body>
</html>