ColorViz is an interactive color visualization tool that I created for my Intro to Info Viz final project. We were given full creative freedom in choosing what data to visualize, and I found myself drawn towards the color data of arbitrary images. K-means clustering allows a user to "clean" this data (using the ml-kmeans library loaded via CDN), transforming complex images into interpretable color palettes. It is also just a nifty way to understand what k-means does through a playful interaction 🙂. I use D3's heatmap and chord diagram modules to display this data. This project is still very much in progress. I am currently working on a much nicer UI and hope to publish to Github :-)
Here is an informal video I recorded for my final project submission showing the tool in action- more to come!
---
JavaScript, D3.js
I referenced these helpful blog posts:
https://www.alanzucconi.com/2015/09/30/colour-sorting/
https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
https://www.visualcinnamon.com/2016/06/orientation-gradient-d3-chord-diagram/
https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
https://www.visualcinnamon.com/2016/06/orientation-gradient-d3-chord-diagram/