Multiclass Density Maps
What is This?
Density maps (also known as density plots, binned scatterplots, and heatmaps) are our best friend to scale scatterplots. However, it is nontrivial to visualize multiclass data on density maps. Actually, various designs have been used (see the picture above). In this work, we unified those various designs into a single model, the Class Buffer Model.
J. Jo, F. Vernier, P. Dragicevic and J. Fekete, "A Declarative Rendering Model for Multiclass Density Maps," in IEEE Transactions on Visualization and Computer Graphics. doi: 10.1109/TVCG.2018.2865141 pdf (hal)
Integration with Your Code
Install via npm:
npm install multiclass-density-maps --save
and import it in your code:
Parse and render a specification:
; // parse the specificationconfig.load.then
See our wiki! https://github.com/e-/Multiclass-Density-Maps/wiki
Install NodeJS and NPM from https://nodejs.org/en/download/
Clone the repo:
git clone https://github.com/e-/Multiclass-Density-Maps.gitcd Multiclass-Density-Maps
Install the dependencies:
Start the dev server:
Open the address that the server gives and navigate to
Problems when installing
npm install topojson --no-bin-links.
How can I use my own data?: Here are some examples using different data sources: https://github.com/e-/Multiclass-Density-Maps/tree/master/data