This plugin allows you to encode two-dimensional information with color based on a 2D colormap.
Examples include scatterplots of multivariate projections or the visual representation of Self-Organizing Maps.
Try it with a random scatterplot example:
Data
Result Background:
This plugin is based on the work of Steiger et al.
Explorative Analysis of 2D Color Maps
Steiger, M., Bernard, J., Mittelstädt, S., Hutter, M., Keim, D., Thum, S., Kohlhammer, J. Proceedings of WSCG (23), 151-160, Eurographics Assciation, Vaclav Skala - Union Agency, 2015
Basic Usage
Integrate the color2D.js file:
<script src="color2D.js"></script>
To set a colormap, use the setColormap() function. This function needs to be called in order to use the colormap.
Note, that the method expects a callback function which will executed after the corresponding colormap is loaded.
After having loaded the colormap, you can use the getColor() function, which returns a RGB array [r, g, b] in the range [0;255].
Color2D.setColormap(Color2D.colormaps.BREMM, function() {
var rgb = Color2D.getColor(x, y);
});