mirror of
https://github.com/medialab-prado/poblados-colonizacion-colonias-penitenciarias.git
synced 2025-06-08 06:21:28 +02:00
test gis, imgs poblados
This commit is contained in:
parent
f61a8a75e6
commit
780ff8f821
59 changed files with 697 additions and 70 deletions
57
img-poblados/poblados-snaps.html
Normal file
57
img-poblados/poblados-snaps.html
Normal file
|
@ -0,0 +1,57 @@
|
|||
<!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>
|
Loading…
Add table
Add a link
Reference in a new issue