Presenter

Bring your presentation to the next level...

Presenter let you

  • Use Reveal.js the way you want
  • Use ParaViewWeb components
  • Embed a ParaView state file viewer
  • Embed an ArcticViewer dataset

Embed ParaView state file

  • This can help share your results
  • Show you resulting visualization
  • Rouse the audience

Embed ArcticViewer dataset

  • This can help share your results
  • Show you resulting visualization
  • Rouse the audience

Wondering how

$ npm install -g pvw-presenter

$ pvw-presenter 

  Usage: pvw-presenter [options]

  Options:

    -h, --help                output usage information
    -V, --version             output the version number
    -h, --host [localhost]    Hostname to use for client to connect
    -p, --port [3000]         Start web server with given port
    -d, --slides [directory]  Directory that contains the slides
    -s, --server-only         Do not open the web browser
    
    --paraview [path]         Provide the ParaView root path to use
    

And for the slides?

<div class="reveal">
  <div class="slides">
 
    <section>
      <h3>ParaView state file</h3>
     
      <div
        class="pvw-viewport"
        data-type="pvw-state"
        data-root="data/volume.pvsm"
        style="width: 400px; height: 400px;"
      ></div>
    </section>

  </div>
</div>

slides.html

And for the slides?

<div class="reveal">
  <div class="slides">
 
    <section>
      <h3>ArcticViewer dataset</h3>

      <div
        class="pvw-viewport"
        data-type="pvw-arctic-viewer"
        data-root="assets/earth"
        style="width: 100%; height: 400px;"
      ></div>
    </section>

  </div>
</div>

slides.html

And for the slides?

<div class="reveal">
  <div class="slides">
 
    <section>
      <h3>CT Scan with Magic Lens</h3>

      <div
        class="pvw-viewport"
        data-type="pvw-arctic-viewer"
        data-root="assets/head-ct"
        data-config='{ "MagicLens": true }'
        style="width: 100%; height: 100%;"
      ></div>
    </section>

  </div>
</div>

slides.html

That's it...

ParaViewWeb Presenter

By Sebastien Jourdain

ParaViewWeb Presenter

Startup guide

  • 1,561