Inspiration
Quan and heatmapper website as reference of what we are trying to recreate
What it does
It asks for CSV file and image file input, where the CSV file must be in the format header "x", "y", and "value", and x must be equal to y (indicating that the grid will be square). Then, it will generate a heatmap displaying the intensity of every grid over the image.
How we built it
We built it first by designing the heatmap and how we are going to implement the CSV and image to be on multiple layers to display a clear visualisation. We then create the front end of the website application (HTML & CSS), before trying to connect it with the backend code of the heatmap.
Challenges we ran into
We were unable to connect the heatmap code to the HTML, and we ran into issues when it comes to dealing with different sizes of images and CSV files.
Accomplishments that we're proud of
idk
What we learned
We learned how to use libraries (e.g. matplotlib), and learn HTML & CSS
What's next for Image Overlay Heatmap
We were planning to integrate Gaussian radius and contour smoothness, as well as fully integrating into the website.
Log in or sign up for Devpost to join the conversation.