<!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>