WebGL-based viewer for volumetric data
TypeScript Python C++ CSS JavaScript Jupyter Notebook Other
Clone or download
jbms Merge pull request #97 from jovo/patch-1
updated  to current link for neurodata
Latest commit f45a7d5 Jul 31, 2018
Failed to load latest commit information.
config fix(karma): extract-text-webpack-plugin loader is used without the co… Jun 24, 2018
examples/dependent-project chore(dependent-project): fix errors in webpack config Dec 11, 2017
python chore(python): Remove -Werror flag from CMakeLists.txt Jul 12, 2018
src removes dvid support for tile interface and fixes formatting in dvid … Jul 11, 2018
templates/neuroglancer style: fix formatting, remove extra semicolons May 21, 2017
testdata fix(npy): properly decode uint64 arrays Jun 23, 2016
third_party/jpgjs chore: depend on @types/gl-matrix. Dec 30, 2016
typings chore: don't depend on a predefined global WORKER definition Nov 7, 2017
.clang-format Initial version. Jun 6, 2016
.editorconfig chore: add Python style configuration Jun 30, 2016
.gitignore mtyka@: Adding an hsvToRgb function to colorspace.ts Nov 27, 2017
.style.yapf chore: update Python formatting configuration Oct 23, 2017
CONTRIBUTING.md chore: add gulp tasks: format, check-format, and tslint Jun 22, 2016
LICENSE Initial version. Jun 6, 2016
README.md updated to current link Jul 30, 2018
cors_webserver.py Fixes #94 - cors_webserver port needs to be type "int". Jun 26, 2018
gulpfile.js style: fix formatting, remove extra semicolons May 21, 2017
package-lock.json chore: update package-lock.json Nov 28, 2017
package.json chore: update package versions, pin typescript version Nov 9, 2017
tsconfig.json chore(tsconfig.json): set noUnusedLocals to true May 21, 2017
tslint.json chore: fix some lint warnings Aug 3, 2017


Neuroglancer is a WebGL-based viewer for volumetric data. It is capable of displaying arbitrary (non axis-aligned) cross-sectional views of volumetric data, as well as 3-D meshes and line-segment based models (skeletons).

This is not an official Google product.


A live demo is hosted at https://neuroglancer-demo.appspot.com. (The prior link opens the viewer without any preloaded dataset.) Use the viewer links below to open the viewer preloaded with an example dataset.

The four-pane view consists of 3 orthogonal cross-sectional views as well as a 3-D view (with independent orientation) that displays 3-D models (if available) for the selected objects. All four views maintain the same center position. The orientation of the 3 cross-sectional views can also be adjusted, although they maintain a fixed orientation relative to each other. (Try holding the shift key and either dragging with the left mouse button or pressing an arrow key.)

Supported data sources

Neuroglancer itself is purely a client-side program, but it depends on data being accessible via HTTP in a suitable format. It is designed to easily support many different data sources, and there is existing support for the following data APIs/formats:

Supported browsers

  • Chrome >= 51
  • Firefox >= 46

Keyboard and mouse bindings

For the complete set of bindings, see src/neuroglancer/ui/default_input_event_bindings.ts, or within Neuroglancer, press h or click on the button labeled ? in the upper right corner.

  • Click on a layer name to toggle its visibility.

  • Double-click on a layer name to edit its properties.

  • Hover over a segmentation layer name to see the current list of objects shown and to access the opacity sliders.

  • Hover over an image layer name to access the opacity slider and the text editor for modifying the rendering code.


  • Neuroglancer doesn't appear to load properly.

    Neuroglancer requires WebGL (1.0) and the WEBGL_draw_buffers, OES_texture_float, and OES_element_index_uint extensions.

    To troubleshoot, check the developer console, which is accessed by the keyboard shortcut control-shift-i in Firefox and Chrome. If there is a message regarding failure to initialize WebGL, you can take the following steps:

    • Chrome

      Check chrome://gpu to see if your GPU is blacklisted. There may be a flag you can enable to make it work.

    • Firefox

      Check about:support. There may be webgl-related properties in about:config that you can change to make it work. Possible settings:

      • webgl.disable-fail-if-major-performance-caveat = true
      • webgl.force-enabled = true
      • webgl.msaa-force = true
  • Failure to access a data source.

    As a security measure, browsers will in many prevent a webpage from accessing the true error code associated with a failed HTTP request. It is therefore often necessary to check the developer tools to see the true cause of any HTTP request error.

    There are several likely causes:

    • Cross-origin resource sharing (CORS)

      Neuroglancer relies on cross-origin requests to retrieve data from third-party servers. As a security measure, if an appropriate Access-Control-Allow-Origin response header is not sent by the server, browsers prevent webpages from accessing any information about the response from a cross-origin request. In order to make the data accessible to Neuroglancer, you may need to change the cross-origin request sharing (CORS) configuration of the HTTP server.

    • Accessing an http:// resource from a Neuroglancer client hosted at an https:// URL

      As a security measure, recent versions of Chrome and Firefox prohibit webpages hosted at https:// URLs from issuing requests to http:// URLs. As a workaround, you can use a Neuroglancer client hosted at a http:// URL, e.g. the demo client running at http://neuroglancer-demo.appspot.com, or one running on localhost. Alternatively, you can start Chrome with the --disable-web-security flag, but that should be done only with extreme caution. (Make sure to use a separate profile, and do not access any untrusted webpages when running with that flag enabled.)

Multi-threaded architecture

In order to maintain a responsive UI and data display even during rapid navigation, work is split between the main UI thread (referred to as the "frontend") and a separate WebWorker thread (referred to as the "backend"). This introduces some complexity due to the fact that current browsers:

  • do not support any form of shared memory or standard synchronization mechanism (although they do support relatively efficient transfers of typed arrays between threads);
  • require that all manipulation of the DOM and the WebGL context happens on the main UI thread.

The "frontend" UI thread handles user actions and rendering, while the "backend" WebWorker thread handle all queuing, downloading, and preprocessing of data needed for rendering.

Documentation Index


node.js is required to build the viewer.

  1. First install NVM (node version manager) per the instructions here:


  1. Install a version of Node.js >= v5.9.0:

    nvm install <version>

    <version> could be 6.1.0 for example.

    Use nvm ls-remote to see available versions.

  2. Install the dependencies required by this project:

    (From within this directory)

    npm i

    Also re-run this any time the dependencies listed in package.json may have changed, such as after checking out a different revision or pulling changes.

  3. To run a local server for development purposes:

    npm run dev-server

    This will start a server on http://localhost:8080.

  4. To run the unit test suite on Chrome:

    npm test

    To run only tests in files matching a given regular expression pattern:

    npm test -- --pattern='<pattern>'

    For example,

    npm test -- --pattern='util/uint64'

  5. See package.json for other commands available.

Creating a dependent project

See examples/dependent-project.

Discussion Group

There is a Google Group/mailing list for discussion related to Neuroglancer: https://groups.google.com/forum/#!forum/neuroglancer.

Related Projects


Want to contribute? Great! First, read CONTRIBUTING.md.


BrowserStack Logo

  • Cross-browser testing infrastructure provided by BrowserStack.


Copyright 2016 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this software except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.