An interactive system for visualizing and deciphering adversarial attacks on human action recognition models to help enhance human understanding of attacks.
For a live demo with no installation needed, visit https://poloclub.github.io/skeletricks/
Clone or download this repo
git clone git@github.com:poloclub/skeletricks.git
Setup NPM and install its dependencies
npm init
npm install
Run SkeleTricks
npm run dev
Navigate to localhost:5000 in your web browser and you should see SkeleTricks running!
The project is structured as follows:
├── public
│ ├── favicon.png
│ ├── index.html
│ ├── global.css
│ ├── nouislider.css
│ ├── patch_interpolated_data
│ │ ├── item-<dataID>
│ ├── pgd_interpolated_data
│ │ ├── item-<dataID>
│ └── build
│ ├── bundle.css
│ ├── bundle.css.map
│ ├── bundle.js
│ └── bundle.js.map
│
└── src
├── App.svelte
├── main.js
├── OverlapView
│ ├── OverlapView.svelte
│ └── OverlapView.js
├── SeparateView
│ ├── SeparateView.svelte
│ └── SeparateView.js
├── FrameView
│ ├── FrameView.svelte
│ └── FrameView.js
└── DistributionView
├── DistributionView.svelte
└── DistributionView.js
src:
This directory is where the source code for the interfaceApp.svelte:
This is the top-level component of the app. Please look at this file first to get a high-level idea about the whole structure. You should be able to see that each component (e.g., OverlapView) is imported from other svelte files.main.js:
This is the entry point to the applicatioin. It instantiates the App components and binds it to the body of our html page.
SkeleTricks was created by Megan Dass*, Haekyu Park*, Zhiyan Zhou*, Nilaksh Das, Sushanto Praharaj, Aiswarya Bhagavatula, Zijie J. Wang, Anindya S. Paul, Duen Horng (Polo) Chau, which was the result of a research collaboration between Georgia Tech and Intel.
(* Equal contribution)
The software is available under the MIT License.
If you have any questions, feel free to open an issue or contact Megan Dass.