The BioDigital Human

Anatomical Storytelling with WebGL

Tarek Sherif

BioDigital

Goals

  • Interactive 3D to make anatomical content engaging
  • Move beyond the anatomy atlas
    • Tell stories
    • Bring content to life
    • Map data to and from 3D models
  • Make it widely accessible through the web

Types of Interaction

  • Highlight
  • Dissect
  • Isolate
  • XRay
  • Annotate

For Example...

The Human Heart

The BioDigital Human

  • 3D content library
    • 5000+ anatomy objects
    • 500+ health conditions
  • Rendering engine built on SceneJS
  • User-created annotations and custom views
  • API for embedding Human content into external websites

Types of Content

Human API

  • Embed a Human widget into your page via an iFrame
    • Select the content you want to embed
    • Find the view you want
    • Choose the UI and tools to include

Human API

  • Manipulate embedded content through the Human API library
          
    var human = new HumanAPI.Human("iFrameID"); 

    human.timeline.pause(); 

    human.camera.flyTo({
        eye: { z: -25 },
        velocity: 20
    });
          
        

Example

Visit the new Dev Portal!

Thanks!