niworkflows icon indicating copy to clipboard operation
niworkflows copied to clipboard

Published 20 hours ago • verified publisher icon nipreps

JS based scrolling through volumes

Open chrisgorgo opened this issue 5 years ago • 3 comments

Courtesy of @akeshavan http://anisha.pizza/preAFQ/#/report?url=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fakeshavan-mindcontrol%2Ftests%2FHBN%2FSite-SI%2Fsub-NDARRU600XWW%2Fsess-01%2Fderivatives%2FpreAFQ%2Fpreafq%2Freport%2Freport.json

screenshot_22 screenshot_23

chrisgorgo avatar Sep 11 '18 15:09 chrisgorgo

I really wanted to have this in MRIQC! 👍

oesteban avatar Sep 13 '18 07:09 oesteban

Yeah looks sorry cool and very responsive (used sprites). I hear the code is not very complex so hopefully it will not be a lot of work.

chrisgorgo avatar Sep 13 '18 11:09 chrisgorgo

Relevant part of code is this: https://github.com/akeshavan/preAFQ/blob/master/preafqViewer/src/components/Sprite4D.vue#L18

Needs to be cleaned up a bit, but if you have a sprite w/ M columns, and each sprite image is pix in each direction (i force my sprites to be square) then you can calculate the starting pixels in the X and Y direction as a function of time, and you set the CSS accordingly.

akeshavan avatar Sep 18 '18 21:09 akeshavan