Skip to content

A model demonstrating what happens inside a leaf during Photosynthesis with emphasis on glucose production/storage/usage

License

Notifications You must be signed in to change notification settings

WISE-Community/Leaf-Glucose-Simulation

Repository files navigation

Leaf-Glucose-Simulation

A simulation that demonstrates what happens inside a leaf during Photosynthesis with emphasis on glucose production/storage/usage

Demo

Lights On,Off

Lights Full,3/4,1/2,1/4,Off

Lights Full,3/4,1/2,1/4,Off, No Graph

Lights On,Off, Water control enabled

Simulation Configuration

You can configure the simulation at the beginning by passing in these GET parameters to the model:

  • numDays={1+} (default: 20)
  • numLightOptions={2,3,5} (default: 2)
  • showEnergyNeeds={true,false} (default: false). Toggles energy needs indication section and battery animation
  • showGraph={true,false} (default: true)
  • showGraphBackground={true,false} (default: false). Toggles plot band background
  • showLineGlucoseMade={true,false} (default: true)
  • showLineGlucoseUsed={true,false} (default: true)
  • showLineGlucoseStored={true,false} (default: true)
  • showOrganelles={true,false} (default: true)
  • showPlant={true,false} (default: true)
  • showSpeedControls={true,false} (default: false)
  • showWater={true,false} (default: false)
  • enableInputControls={true,false} (default: true)
  • lightLevelLabels={comma-separated string} (default: "OFF,ON")
  • waterLevelLabels={comma-separated string} (default: "NO,YES") Ex: "250mL,500mL"

Screenshots

Simulation Start

Screenshot of Simulation State State

Day 3 (light on)

Screenshot of Simulation State State Day 3 Light On

Day 15 (light off)

Screenshot of Simulation State State Day 15 Light Off

Development

You will need NPM (https://www.npmjs.com) and Git.

  1. Checkout the project
$ git clone https://github.com/WISE-Community/Leaf-Glucose-Simulation.git
  1. Install gulp globally
$ cd Leaf-Glucose-Simulation
Leaf-Glucose-Simulation$ npm install -g gulp-cli
  1. Install dependencies
Leaf-Glucose-Simulation$ npm install
  1. Start gulp task. This will start a running process to copy files and compile changes to typescript files.
Leaf-Glucose-Simulation$ gulp
  1. See the model on the browser by going to path_to_Leaf-Glucose-Simulation/dist/index.html . (e.g. file:///Users/myusername/dev/Leaf-Glucose-Simulation/dist/index.html)

  2. Make changes with your favorite IDE. Changes to typescript will be immediately compiled to the dist folder.

  3. See you change in the browser by refreshing the page.

Resources

This is a good resource on using Gulp and TypeScript: https://www.typescriptlang.org/docs/handbook/gulp.html

About

A model demonstrating what happens inside a leaf during Photosynthesis with emphasis on glucose production/storage/usage

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •