gui

page_type	languages	products	description	urlFragment
sample	qsharp csharp javascript	qdk	This sample demonstrates simulating H₂ with Q#, and plotting the results as an Electron app.	h2-simulation-gui

H₂ Simulation GUI Demo

Prerequisites

On top of .NET, this demo uses the Electron framework to display the results of simulating H₂. Since Electron is distributed using the Node.js Package Manager (npm), we must therefore install npm first.

Windows npm can be installed using chocolatey:

PS> choco install nodejs

Alternatively, manual downloads are available from nodejs.org.

macOS Download and run the Node.js installer package from nodejs.org.

Linux Most distributions include Node.js and npm, but that version might be out of date. To ensure that you have the latest version, we recommend using the packages provided by NodeSource:

curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -
sudo apt-get install -y nodejs

Once npm is installed, we can then install all Node.js packages required for the front end using npm install:

npm install

Running the Demo

Once pre-reqs are ready, to run the demo from the command line use dotnet to start the project:

dotnet run