NeuroVis 🧠

NeuroVis is a web-based neuroimaging visualization tool, it adds an UI overlay on top of Niivue rendering engine.

Live

https://github.com/niivue/niivue

For server functionality check the Server Section

Tips

• When importing data with time series, remember to toggle the "Is 4D volume" checkbox

Development

Technologies

• Front-End: Vue 3
• Rendering: Niivue
• Build tool: Vite
• State management: Pinia

Development Setup

1. Clone this repo!

git clone

2. Install dependencies

npm install

3. Run local server

npm run dev

Additional scripts

   "build": "run-p type-check \"build-only {@}\" --",
   "preview": "vite preview",
   "build-only": "vite build",
   "type-check": "vue-tsc --build",
   "lint": "eslint . --fix",
   "format": "prettier --write src/"

Server

A python server was built to add the functionality to fetch files from a database, api or a local server. For it's development and how to run it, check the NeuroServe repo.

Screenshots

Initial Screen

Annotations

Time Series

Recording walkthrough

Click to open

TODO

1. Add more options and finer controls to volume and mesh e.g. a. change colormap for individual volume/mesh b. opacity slider for individual volume/mesh
2. Add drawing to annotations.
3. Fetch graph data directly from file and display graph on a separate UI element.
4. UX improvements.
5. Adding more functionalities from Niivue.

Credits & licenses

Icons

Sumit-7080 on freeicons.io

www.wishforge.games on freeicons.io

icon king1 on freeicons.io

Melvin ilham Oktaviansyah on freeicons.io

MD Badsha Meah on freeicons.io

Raj Dev on freeicons.io

ColourCreatype on freeicons.io