Interactive Paper/Demo SOP

Purpose

This SOP aims to create a standard methodology for creating an interactive paper to be published on the curvnote/mystmd platform of the website.

Application

This document describes the necessary steps to creating the interactive paper as well as considerations that should be made before uploading to the website.

General Procedure Steps

  1. Determine and outline what content you would like to turn into an interactive paper/demo
  2. Decide where you’d like to start with your repository either in the OphusGroup Organization or Personal repository
  3. Create a Fork of the EM-Quickstart GitHub Repository and follow the README instructions to setup the environment locally
  • You will need a version of python as well as node.js in order to get started with the website
  1. Developing your ipywidgets demonstrations in jupyter notebooks in the notebooks folder
  2. Add content and widgets into your final document
  3. Test all content in local host version of site
  • Adjust myst.yml file
  1. Upload to the final location
  • Make sure to adjust msyt.yml file

Adding Content

Add static media and Videos

ie. Image, GIF, mp4, Youtube Video

Responsive Plotting

ie. Change in plot from a slider, numeric input, etc

see f_sampling.ipynb in Ex Repository: Interactive PRISM Repository

Dynamic Movies

ie. Change a movie from a slider, numeric input, etc

see probe_construction_movie.ipynb in Ex Repository: Interactive PRISM Repository

Resources

Colin Ophus Lab | StanfordColin Ophus Lab | Stanford
Understanding materials, atom by atom — Colin Ophus Lab
Lab Group Website by Curvenote