GSoC Project Idea 4.1: Visualize a large Connectome in 3D using HTML5



Data visualization plays a crucial role in TVB’s neuroinformatics platform, and a Structural Connectivity (connectome) is a core datatype, modelling full brain regions and their connections. An interaction paradigm needs to be proposed, as well as the implementation to be done for such a connectivity visualizer in the browser client of TVB. We need to easily display and interact with up to 1000 regions in a connectivity (1000^2 adjacency matrix) in 2D and 3D. Rendering performance as well as per-element interaction is important. Interaction from the user: rotate, zoom, move, edit edges, etc. are all necessary.

The current implementation is documented here:

Expected Results: Completely redo and improve a section of TVB front-end (Connectivity Cockpit) from UX design, down to implementation, web technologies and optimization for extremely large data structures.

Skills: HTML5, React JS and Python

Mentors: Lia Domide & Paula Popa, The Virtual Brain project.


Check this preview:


Hi, I am Deepak Singh Rathore 2nd year student I want to participate in GSoC 2019. I have experience in HTML5, React JS and python. I made a web application using HTML5 and Django(web framework written in python). I am good at web development I read the documentation it is very good after that my interest is an increases in this project. I want to contribute to this project. Suggest me which type of issue I should solve first.


Not sure if you managed to see this:

Hi, we are happy to find of your interest.
As part of the application process, we do not require you to necessarily solve issues.
We advise you to focus on writing a good application, not too long, but with enough technical details to prove that you understood our project.
Depending on your style, researching for your application doc might include (not necessarily all, and maybe not in this order): reading TVB documentation (, installing TVB_Distribution (, play with demos and GUI in TVB, read our code (, check open issues and try small ones to help you better understand the code (
In case you think you need more help to start-off, do not hesitate to write back.
Good luck!