javascriptimaged3.jsdatasetvisualize

How can I load a file of thousands of images in html?


Now I have a local folder with 12989 images. The total size is 410MB. On the other hand I have another csv dataset, which has each image's name, main color and some other information. So, how can I visualize all the images without calling one by one? Thank you!(if possible, I prefer using d3.js. )


Solution

  • You could use bunch of rect elements to show each image's color, then show the full image on mouseover. There are countless ways to arrange them, depending on what data you have and what you're trying to show. Some examples: