Scorpion++ User interface development

*In progress paper submission to IEEEVIS 2020

For now, interactive mock prototype:

 This is a new interface I built for a research project currently under development in the VALT lab. Affectionately being referred to as Scorpion++, this tool is based on an existing publication out of MIT called Scorpion. One of my colleagues has taken the open source code from the original Scorpion project and built upon it, adding a Gaussian model for detection of anomalies, and producing output that feeds into the UI to allow lay users to investigate how features and target variables are affecting the model and the data.

My role was to build out the front end of this project. The UI here is built using D3 (JQuery, CSS Flexbox, HTML5). The underlying algorithm was developed by a colleague. He kindly constructed an API (Flask + Python) for me to query for the model output to feed to the visualization. If you’re wondering about the text, I often like to use Bacon Ipsum, and the rest of the Ipsums for laying out prototypes ;)

***updated interface photos with research data (and a new name!):

Also, if you’re interested in understanding what in the hell this tool is actually supposed to do, check out this handy dandy slide show I created.

New interactions and features include a “See More” button to manage the number of “bar code charts”, full brushing and linking between charts and tabs, and dynamically generated axes.