diff --git a/client/src/components/core/App/script.js b/client/src/components/core/App/script.js
index 936a9a50..e6973016 100644
--- a/client/src/components/core/App/script.js
+++ b/client/src/components/core/App/script.js
@@ -32,10 +32,7 @@ export default {
       dataLoaded: false,
       forgotPasswordUrl: "/#?dialog=resetpassword",
       runId: null,
-      range: "",
-      pos: [],
       parameter: "",
-      cancel: false,
       showMenu: false,
       paramIsJson: false,
     };
@@ -84,37 +81,6 @@ export default {
       this.setPaused(should_pause);
     },
 
-    hoverOut() {
-      this.range = "";
-      this.cancel = true;
-    },
-
-    hoverIn: _.debounce(function (event) {
-      if (this.showMenu) return;
-
-      const node = event.target;
-      const parent = node ? node.parentNode : null;
-      if (
-        (parent && parent.classList.value.includes("pl-3")) ||
-        (node.classList.value.includes("pl-3") &&
-          node.textContent != parent.textContent)
-      ) {
-        this.parameter = node.textContent.trim();
-        this.cancel = false;
-        // this.getRangeData(event);
-      }
-    }, 100),
-
-    updateRange(yVals, event) {
-      this.pos = event ? [event.clientX, event.clientY] : this.pos;
-      this.range =
-        "[" +
-        Math.min(...yVals).toExponential(3) +
-        ", " +
-        Math.max(...yVals).toExponential(3) +
-        "]";
-    },
-
     updateTimeStep(val) {
       if (this.minTimeStep <= val && val <= this.maxTimeStep) {
         this.setCurrentTimeStep(parseInt(val));
@@ -206,6 +172,7 @@ export default {
     },
 
     applyView() {
+      this.updateNumReady(0);
       this.$refs.plots.forEach((cell) => {
         const { row, col } = cell;
         const item = this.items[`${row}::${col}`];
@@ -271,7 +238,7 @@ export default {
       viewTimeStep: "VIEW_SAVED_TIME_STEP",
       numReady: "VIEW_NUM_READY",
       loadedFromSaved: "VIEW_LOADING_FROM_SAVED",
-      lastSaved: "VIEW_LAST_SAVED",
+      lastSaved: "VIEWS_LAST_SAVED",
       creator: "VIEWS_CREATOR",
       gridSize: "VIEWS_GRID_SIZE",
       items: "VIEWS_ITEMS",
diff --git a/client/src/components/core/App/template.html b/client/src/components/core/App/template.html
index d89778a1..7f8d4c46 100644
--- a/client/src/components/core/App/template.html
+++ b/client/src/components/core/App/template.html
@@ -14,23 +14,9 @@
         <v-col v-bind:style="{padding: '0 10px'}">
           <!-- Girder data table browser. -->
           <div class="girder-placeholder" v-if="!location" />
-          <div>
-            <v-tooltip
-              right
-              light
-              v-if="range"
-              :value="range"
-              :position-x="pos[0]"
-              :position-y="pos[1]"
-            >
-              <span v-if="range">{{range}}</span>
-            </v-tooltip>
-          </div>
           <girder-file-manager
             ref="girderFileManager"
             v-if="location && !showSettings"
-            v-on:mouseover.native="hoverIn($event)"
-            v-on:mouseout.native="hoverOut"
             :location.sync="location"
             :selectable="false"
             :drag-enabled="true"
@@ -42,9 +28,8 @@
             v-if="!showSettings"
             :fluid="true"
             class="playback-controls"
-            v-on:mouseover="hoverOut"
           >
-            <v-row class="ma-0 pa-0" :style="{height: '25px'}">
+            <v-row class="mx-0 my-1 pa-0" style="height: 25px">
               <v-slider
                 dense
                 hide-details
@@ -72,7 +57,7 @@
                 </template>
               </v-slider>
             </v-row>
-            <v-row class="ma-0 pa-0" :style="{height: '25px'}">
+            <v-row class="mx-0 my-1 pa-0" style="height: 25px">
               <v-col :sm="4">
                 <v-text-field
                   dense
@@ -83,7 +68,8 @@
                   :max="maxTimeStep"
                   :disabled="!dataLoaded"
                   :value="currentTimeStep"
-                  @change="(e) => {updateTimeStep(e.target.value)}"
+                  @change="updateTimeStep"
+                  style="min-width: 110px"
                 >
                   <template>
                     <v-icon
@@ -106,7 +92,7 @@
                 </v-text-field>
               </v-col>
             </v-row>
-            <v-row class="ma-0 pa-0" :style="{height: '25px'}">
+            <v-row class="mx-0 mt-4 mb-0 pa-0" style="height: 25px">
               <v-col :sm="6">
                 <v-row class="align-center justify-space-evenly">
                   <v-icon v-on:click="removeRow()" :disabled="numrows < 2">
@@ -130,7 +116,7 @@
                 </v-row>
               </v-col>
             </v-row>
-            <v-row class="ma-0 pa-0" :style="{height: '25px'}">
+            <v-row class="mx-0 my-1 pa-0" style="height: 25px">
               <v-col class="align-center">
                 <v-tooltip top>
                   <template v-slot:activator="{on, attrs}">
@@ -149,7 +135,8 @@
             </v-row>
             <v-row
               v-show="lastSaved"
-              :style="{height: '5px', alignContent: 'start'}"
+              class="mx-0 my-1 pa-0"
+              style="height: 25px"
             >
               <span v-bind:style="{fontSize: 'small', opacity: '0.5'}">
                 View Autosaved: {{ new Date(lastSaved).toLocaleTimeString() }}
@@ -160,13 +147,7 @@
       </v-row>
     </pane>
     <!-- Scientific data on the right. -->
-    <pane
-      id="mainContent"
-      min-size="50"
-      :size="85"
-      class="main-content"
-      v-on:mouseover.native="hoverOut"
-    >
+    <pane id="mainContent" min-size="50" :size="85" class="main-content">
       <!-- image gallery grid. -->
       <render-window ref="renderWindow" id="renderWindow" class="plots" />
       <v-container v-bind:style="{padding: '0', maxWidth: '100%'}">
diff --git a/client/src/components/widgets/ContextMenu/script.js b/client/src/components/widgets/ContextMenu/script.js
index 7fbb3451..cc68d624 100644
--- a/client/src/components/widgets/ContextMenu/script.js
+++ b/client/src/components/widgets/ContextMenu/script.js
@@ -88,6 +88,15 @@ export default {
         this.$store.getters[`${this.itemInfo?.id}/PLOT_DATA_COMPLETE`] || {}
       );
     },
+    logScaling() {
+      if (!this.itemInfo?.id) {
+        return false;
+      }
+
+      return (
+        this.$store.getters[`${this.itemInfo?.id}/PLOT_LOG_SCALING`] || false
+      );
+    },
   },
 
   methods: {
@@ -189,5 +198,13 @@ export default {
       const xAxis = this.itemInfo?.xAxis || "";
       return !xAxis.toLowerCase().includes("time") && this.itemInfo?.isPlotly;
     },
+    toggleLogScale() {
+      if (this.itemInfo?.id) {
+        this.$store.commit(
+          `${this.itemInfo.id}/PLOT_LOG_SCALING_SET`,
+          !this.logScaling,
+        );
+      }
+    },
   },
 };
diff --git a/client/src/components/widgets/ContextMenu/template.html b/client/src/components/widgets/ContextMenu/template.html
index 4afe9253..b0e73f16 100644
--- a/client/src/components/widgets/ContextMenu/template.html
+++ b/client/src/components/widgets/ContextMenu/template.html
@@ -12,6 +12,11 @@
         <v-list-item dense @click="showRangeDialog=true">
           <v-list-item-title> Set global range </v-list-item-title>
         </v-list-item>
+        <v-list-item dense @click="toggleLogScale">
+          <v-list-item-title>
+            {{logScaling ? "Clear" : "Apply"}} log scaling
+          </v-list-item-title>
+        </v-list-item>
       </v-list>
       <v-divider v-if="itemInfo && itemInfo.isPlotly" />
       <v-list>
diff --git a/client/src/components/widgets/DownloadOptions/script.js b/client/src/components/widgets/DownloadOptions/script.js
index d662b4cf..1f9fc968 100644
--- a/client/src/components/widgets/DownloadOptions/script.js
+++ b/client/src/components/widgets/DownloadOptions/script.js
@@ -1,5 +1,6 @@
 import _ from "lodash";
 import { mapGetters, mapMutations } from "vuex";
+import { extractRange } from "../../../utils/helpers";
 
 export default {
   inject: ["girderRest"],
@@ -61,17 +62,17 @@ export default {
     },
     minStep() {
       if (this.id) {
-        return Math.min(
-          ...this.$store.getters[`${this.id}/PLOT_AVAILABLE_TIME_STEPS`],
-        );
+        let ats = this.$store.getters[`${this.id}/PLOT_AVAILABLE_TIME_STEPS`];
+        let [min] = extractRange(ats);
+        return min;
       }
       return 0;
     },
     maxStep() {
       if (this.id) {
-        return Math.max(
-          ...this.$store.getters[`${this.id}/PLOT_AVAILABLE_TIME_STEPS`],
-        );
+        let ats = this.$store.getters[`${this.id}/PLOT_AVAILABLE_TIME_STEPS`];
+        let [, max] = extractRange(ats);
+        return max;
       }
       return 0;
     },
diff --git a/client/src/components/widgets/LoadDialog/script.js b/client/src/components/widgets/LoadDialog/script.js
index afebf2ff..f709a7a4 100644
--- a/client/src/components/widgets/LoadDialog/script.js
+++ b/client/src/components/widgets/LoadDialog/script.js
@@ -107,7 +107,6 @@ export default {
             log: data ? value.log : false,
             xAxis: data ? value.xAxis : "",
             range: data ? value.range : null,
-            legend: data ? value.legend : false,
           };
         }
       }
diff --git a/client/src/components/widgets/PlotlyPlot/script.js b/client/src/components/widgets/PlotlyPlot/script.js
index 09e099c7..b294c102 100644
--- a/client/src/components/widgets/PlotlyPlot/script.js
+++ b/client/src/components/widgets/PlotlyPlot/script.js
@@ -3,6 +3,7 @@ import { isEmpty, isEqual, isNil } from "lodash";
 import { mapActions, mapGetters, mapMutations } from "vuex";
 import { PlotType } from "../../../utils/constants";
 import Annotations from "../Annotations";
+import { extractRange } from "../../../utils/helpers";
 
 //-----------------------------------------------------------------------------
 // Utility Functions
@@ -55,11 +56,19 @@ export default {
       averagingValues: [],
       avgAnnotation: "",
       computingTimeAverage: false,
+      plotLabels: {},
+      currentRange: null,
     };
   },
 
   computed: {
     ...mapGetters({
+      enableRangeTooltip: "UI_SHOW_RANGE_TOOLTIP",
+      xaxisVisible: "UI_SHOW_X_AXIS",
+      yaxisVisible: "UI_SHOW_Y_AXIS",
+      showTitle: "UI_SHOW_TITLE",
+      legendVisibility: "UI_SHOW_LEGEND",
+      runGlobals: "UI_USE_RUN_GLOBALS",
       syncZoom: "UI_ZOOM_SYNC",
       timeStepSelectorMode: "UI_TIME_STEP_SELECTOR",
       currentTimeStep: "VIEW_TIME_STEP",
@@ -72,11 +81,6 @@ export default {
         this.$store.getters[`${this.itemId}/PLOT_AVAILABLE_TIME_STEPS`] || []
       );
     },
-    legendVisibility() {
-      return (
-        this.$store.getters[`${this.itemId}/PLOT_LEGEND_VISIBILITY`] || false
-      );
-    },
     loadedTimeStepData() {
       return this.$store.getters[`${this.itemId}/PLOT_LOADED_TIME_STEPS`] || [];
     },
@@ -92,9 +96,24 @@ export default {
     xAxis() {
       return this.$store.getters[`${this.itemId}/PLOT_X_AXIS`] || null;
     },
+    xRange() {
+      return this.$store.getters[`${this.itemId}/PLOT_X_RANGE`] || null;
+    },
+    yRange() {
+      return this.$store.getters[`${this.itemId}/PLOT_Y_RANGE`] || null;
+    },
     zoom() {
       return this.$store.getters[`${this.itemId}/PLOT_ZOOM`] || null;
     },
+    localTimeStep() {
+      const ts = this.currentTimeStep;
+      if (this.availableTimeSteps.includes(ts)) {
+        return ts;
+      }
+      let idx = this.availableTimeSteps.findIndex((step) => step >= ts);
+      idx = Math.max((idx -= 1), 0);
+      return this.availableTimeSteps[idx];
+    },
   },
 
   watch: {
@@ -113,29 +132,37 @@ export default {
     legendVisibility: {
       immediate: true,
       handler(newVal, oldVal) {
-        let needRerender = !isEqual(newVal, oldVal);
-        this.react(needRerender);
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
       },
     },
     logScaling: {
       immediate: true,
       handler(newVal, oldVal) {
-        let needRerender = !isEqual(newVal, oldVal);
-        this.react(needRerender);
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
       },
     },
     range: {
       immediate: true,
       handler(newVal, oldVal) {
-        let needRerender = !isEqual(newVal, oldVal);
-        this.react(needRerender);
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
       },
     },
     zoom: {
       immediate: true,
       handler(newVal, oldVal) {
-        let needRerender = !isEqual(newVal, oldVal);
-        this.react(needRerender);
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
       },
     },
     itemId: {
@@ -163,6 +190,42 @@ export default {
         }
       },
     },
+    xaxisVisible: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
+      },
+    },
+    yaxisVisible: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
+      },
+    },
+    showTitle: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
+      },
+    },
+    runGlobals: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (isEqual(newVal, oldVal)) {
+          return;
+        }
+        this.react();
+      },
+    },
   },
 
   methods: {
@@ -199,67 +262,78 @@ export default {
       let xAxis = image.layout.xaxis.title.text;
       this.$store.commit(`${this.itemId}/PLOT_X_AXIS_SET`, xAxis);
     },
+    setPlotLabels(image) {
+      this.plotLabels = {
+        title: image.layout.title.text,
+        xaxis: image.layout.xaxis.title.text,
+        yaxis: image.layout.yaxis.title.text,
+      };
+    },
     applyLogScaling(image) {
       image.layout.xaxis.type = this.logScaling ? "log" : "linear";
       image.layout.yaxis.type = this.logScaling ? "log" : "linear";
     },
     applyZoom(image) {
-      image.layout.xaxis.range = this.zoom.xAxis;
-      image.layout.yaxis.range = this.zoom.yAxis;
+      image.layout.xaxis.range = this.zoom.xaxis;
+      image.layout.yaxis.range = this.zoom.yaxis;
       image.layout.yaxis.autorange = false;
     },
     useGlobalRange(image) {
       image.layout.yaxis.range = [...this.range];
       image.layout.yaxis.autorange = false;
     },
+    useRunGlobals(image) {
+      if (this.logScaling || this.zoom) {
+        return;
+      }
+
+      image.layout.xaxis.range = [...this.xRange];
+      image.layout.xaxis.autorange = false;
+      image.layout.yaxis.range = [...this.yRange];
+      image.layout.yaxis.autorange = false;
+    },
+    updatePlotDetails(image) {
+      ["xaxis", "yaxis"].forEach((axis) => {
+        image.layout[`${axis}`].title.text = this[`${axis}Visible`]
+          ? this.plotLabels[`${axis}`]
+          : "";
+        image.layout[`${axis}`].showticklabels = this[`${axis}Visible`];
+      });
+      image.layout.title.text = this.showTitle ? this.plotLabels.title : "";
+      image.layout.margin.b = this.xaxisVisible ? 30 : 10;
+      image.layout.margin.l = this.yaxisVisible ? 60 : 10;
+      image.layout.margin.t = this.showTitle ? 30 : 10;
+    },
     plotPreProcessing(image) {
       if (!this.xAxis) this.setXAxis(image);
+      if (!this.plotLabels.title) this.setPlotLabels(image);
       this.applyLogScaling(image);
       image.layout.yaxis.autorange = true;
       image.layout.showlegend = this.legendVisibility;
-      if (this.zoom) this.applyZoom(image);
       if (this.range) this.useGlobalRange(image);
+      if (this.runGlobals) this.useRunGlobals(image);
+      if (this.zoom) this.applyZoom(image);
+      const data = image.data[0];
+      const xRange = extractRange(data.x);
+      let yRange = this.range;
+      if (!yRange) yRange = extractRange(data.y);
+      this.currentRange = [...xRange, ...yRange];
       this.setAnnotations(image.data[0]);
+      this.updatePlotDetails(image);
     },
-    getNextImage(timeStep) {
-      // Grab the data for the current time step
+    findImage() {
       let nextImage = this.loadedTimeStepData.find(
-        (img) => img.timestep == timeStep,
+        (img) => img.timestep == this.localTimeStep,
       );
-
-      // If no data is available for the current time step, find the most
-      // recent previous time step that does have data and display that instead
-      const ats = this.availableTimeSteps;
-      if (
-        !this.timeAverage &&
-        isNil(nextImage) &&
-        this.loadedTimeStepData.length >= 1
-      ) {
-        let idx = ats.findIndex((step) => step >= timeStep);
-        // Use the data for the first time step available if the current time
-        // step is before the first available for this variable
-        idx = Math.max((idx -= 1), 0);
-        let prevTimeStep = ats[idx];
-        nextImage = this.loadedTimeStepData.find(
-          (img) => img.timestep === prevTimeStep,
-        );
-      }
-      return nextImage;
-    },
-    findImage() {
-      let nextImage = this.getNextImage(this.currentTimeStep);
       if (!this.timeAverage) {
         this.avgAnnotation = "";
         if (!isEmpty(this.averagingValues)) {
           this.averagingValues = [];
         }
       } else {
-        let end = Math.min(
-          this.currentTimeStep + this.timeAverage,
-          Math.max(...this.availableTimeSteps),
-        );
+        let [, max] = extractRange(this.availableTimeSteps);
+        let end = Math.min(this.currentTimeStep + this.timeAverage, max);
         this.avgAnnotation = `Averaging Over Time Steps ${this.currentTimeStep} - ${end}`;
-        // call getNextImage for each time step in range
         this.averagingValues = [];
         for (
           let i = this.currentTimeStep;
@@ -267,7 +341,9 @@ export default {
           i++
         ) {
           if (this.availableTimeSteps.includes(i)) {
-            nextImage = this.getNextImage(i);
+            nextImage = this.loadedTimeStepData.find(
+              (img) => img.timestep == i,
+            );
             if (!isNil(nextImage)) {
               nextImage.data.forEach((data, idx) => {
                 // append y data to 2d array
@@ -298,7 +374,7 @@ export default {
       }
       return nextImage;
     },
-    react: function (needRerender = false) {
+    react() {
       if (!this.itemId) {
         return;
       }
@@ -309,8 +385,7 @@ export default {
       const plotReadyForUpdate =
         !isNil(nextImage) &&
         !isNil(this.$refs.plotly) &&
-        nextImage.type === PlotType.Plotly &&
-        (this.lastLoadedTimeStep !== nextImage.timestep || needRerender);
+        nextImage.type === PlotType.Plotly;
       if (plotReadyForUpdate) {
         this.lastLoadedTimeStep = nextImage.timestep;
         this.plotPreProcessing(nextImage);
@@ -322,19 +397,6 @@ export default {
         };
         Plotly.react(this.$refs.plotly, nextImage.data, layout, {
           autosize: true,
-          modeBarButtonsToAdd: [
-            {
-              name: "toggle log scaling",
-              icon: Plotly.Icons["3d_rotate"],
-              click: this.toggleLogScale,
-            },
-            {
-              name: "toggle legend visibility",
-              icon: Plotly.Icons["tooltip_basic"],
-              click: this.toggleLegendVisibility,
-            },
-          ],
-          modeBarButtonsToRemove: ["toImage"],
         });
         if (!this.eventHandlersSet) this.setEventHandlers();
         this.updateNumReady(this.numReady + 1);
@@ -342,7 +404,11 @@ export default {
     },
     setEventHandlers() {
       this.$refs.plotly.on("plotly_relayout", (eventdata) => {
-        if (!eventdata["xaxis.range[0]"] || !eventdata["yaxis.range[0]"]) {
+        if (
+          this.runGlobals ||
+          !eventdata["xaxis.range[0]"] ||
+          !eventdata["yaxis.range[0]"]
+        ) {
           return;
         }
         let zoomRange = parseZoomValues(eventdata, this.range);
@@ -402,29 +468,24 @@ export default {
       });
       this.timeIndex = this.times.findIndex((time) => time === closestVal);
     },
-    setAnnotations(data) {
+    setAnnotations() {
       if (!this.zoom) {
         this.rangeText = "";
         return;
       }
-      const xRange = [data.x[0], data.x[data.x.length - 1]];
-      let yRange = this.range;
-      if (!yRange) yRange = [Math.min(...data.y), Math.max(...data.y)];
-      const range = [...xRange, ...yRange];
-      const [x0, x1, y0, y1] = range.map((r) => r.toPrecision(4));
+      const [x0, x1, y0, y1] = this.currentRange.map((r) => r.toPrecision(4));
       this.rangeText = `xRange: [${x0}, ${x1}] yRange: [${y0}, ${y1}]`;
     },
-    toggleLogScale() {
-      this.$store.commit(
-        `${this.itemId}/PLOT_LOG_SCALING_SET`,
-        !this.logScaling,
-      );
-    },
-    toggleLegendVisibility() {
-      this.$store.commit(
-        `${this.itemId}/PLOT_LEGEND_VISIBILITY_SET`,
-        !this.legendVisibility,
-      );
+    tooltipText() {
+      let [x0, x1] = this.xRange;
+      let [y0, y1] = this.yRange;
+      if (!this.runGlobals && this.currentRange) {
+        [x0, x1, y0, y1] = this.currentRange;
+      }
+      return {
+        x: `[${x0.toExponential(3)}, ${x1.toExponential(3)}]`,
+        y: `[${y0.toExponential(3)}, ${y1.toExponential(3)}]`,
+      };
     },
   },
 
diff --git a/client/src/components/widgets/PlotlyPlot/template.html b/client/src/components/widgets/PlotlyPlot/template.html
index 426a87ff..84144d50 100644
--- a/client/src/components/widgets/PlotlyPlot/template.html
+++ b/client/src/components/widgets/PlotlyPlot/template.html
@@ -1,4 +1,28 @@
 <div ref="plotly" class="plot">
+  <v-menu
+    v-if="enableRangeTooltip"
+    open-on-hover
+    offset-y
+    left
+    top
+    :close-on-content-click="false"
+    min-width="fit-content"
+    height="fit-content"
+  >
+    <template v-slot:activator="{ on }">
+      <v-icon v-on="on" style="position: absolute; right: 0; bottom: 0">
+        mdi-information-variant
+      </v-icon>
+    </template>
+    <v-list>
+      <v-list-item dense v-if="!xaxisVisible">
+        <v-list-item-title>X Range: {{tooltipText().x}}</v-list-item-title>
+      </v-list-item>
+      <v-list-item dense v-if="!yaxisVisible">
+        <v-list-item-title>Y Range: {{tooltipText().y}}</v-list-item-title>
+      </v-list-item>
+    </v-list>
+  </v-menu>
   <annotations
     v-if="rangeText.length"
     :text="rangeText"
diff --git a/client/src/components/widgets/Plots/script.js b/client/src/components/widgets/Plots/script.js
index 106aef63..6e610abc 100644
--- a/client/src/components/widgets/Plots/script.js
+++ b/client/src/components/widgets/Plots/script.js
@@ -7,6 +7,7 @@ import { PlotType } from "../../../utils/constants";
 import { PlotFetcher } from "../../../utils/plotFetcher";
 
 import plot from "../../../store/plot";
+import { extractRange } from "../../../utils/helpers";
 
 // // Number of timesteps to prefetch data for.
 // const TIMESTEPS_TO_PREFETCH = 3;
@@ -97,7 +98,8 @@ export default {
         if (this.itemId) {
           this.plotFetcher = new PlotFetcher(
             this.itemId,
-            (itemId) => this.callFastEndpoint(`variables/${itemId}/timesteps`),
+            (itemId) =>
+              this.callFastEndpoint(`variables/${itemId}/timesteps/meta`),
             (itemId, timestep) =>
               this.callFastEndpoint(
                 `variables/${itemId}/timesteps/${timestep}/plot`,
@@ -141,15 +143,12 @@ export default {
       setShouldAutoSave: "VIEWS_AUTO_SAVE_RUN_SET",
       updateNumReady: "VIEW_NUM_READY_SET",
     }),
-    setAvailableTimeSteps: function (steps) {
+    setMetaData(meta) {
       if (!this.itemId) {
         return;
       }
 
-      this.$store.dispatch(
-        `${this.itemId}/PLOT_AVAILABLE_TIME_STEPS_CHANGED`,
-        steps,
-      );
+      this.$store.dispatch(`${this.itemId}/PLOT_META_DATA_CHANGED`, meta);
     },
     setLoadedTimeStepData: function (loaded) {
       this.$store.commit(`${this.itemId}/PLOT_LOADED_TIME_STEPS_SET`, loaded);
@@ -161,9 +160,6 @@ export default {
 
       this.$store.commit(`${this.itemId}/PLOT_TIMES_SET`, times);
     },
-    updatePlotLegendVisibility: function (legend) {
-      this.$store.commit(`${this.itemId}/PLOT_LEGEND_VISIBILITY_SET`, legend);
-    },
     updatePlotLogScaling: function (log) {
       this.$store.commit(`${this.itemId}/PLOT_LOG_SCALING_SET`, log);
     },
@@ -261,8 +257,8 @@ export default {
       const firstAvailableStep = await this.plotFetcher
         .initialize()
         .then((response) => {
+          this.setMetaData(response);
           ats = response.steps.sort((a, b) => a - b);
-          this.setAvailableTimeSteps(ats);
           this.updateTimes(response.time);
           // Make sure there is an image associated with this time step
           let step = ats.find((step) => step === this.currentTimeStep);
@@ -281,7 +277,8 @@ export default {
       );
       await this.plotFetcher.fetchTimeStepFn(response, firstAvailableStep);
 
-      this.setMaxTimeStep(Math.max(this.maxTimeStep, Math.max(...ats)));
+      let [, max] = extractRange(ats);
+      this.setMaxTimeStep(Math.max(this.maxTimeStep, max));
       this.setItemId(this.itemId);
       this.setInitialLoad(false);
       this.$refs[`${this.row}-${this.col}`].react();
@@ -319,7 +316,6 @@ export default {
       this.itemId = item.id || "";
       this.updateRegisteredModules(oldId);
       this.updateVisiblePlots({ newId: this.itemId, oldId });
-      this.updatePlotLegendVisibility(item.legend);
       this.updatePlotLogScaling(item.log);
       this.updatePlotXAxis(item.xAxis);
       this.updatePlotZoom(item.zoom);
@@ -421,9 +417,10 @@ export default {
     },
     clearGallery() {
       this.updateVisiblePlots({ newId: null, oldId: this.itemId });
-      this.setAvailableTimeSteps([]);
+      this.setMetaData({});
       this.itemId = "";
       this.setInitialLoad(true);
+      this.plotType = PlotType.None;
     },
     async setRun() {
       const { data } = await this.girderRest.get(
@@ -453,13 +450,8 @@ export default {
     },
   },
 
-  mounted() {
-    this.setGridSize(this.numcols * this.numrows);
-  },
-
   destroyed() {
     this.updateVisiblePlots({ newId: null, oldId: this.itemId });
-    this.setGridSize(this.gridSize - 1);
   },
 
   beforeDestroyed() {
diff --git a/client/src/components/widgets/SettingsPanel/script.js b/client/src/components/widgets/SettingsPanel/script.js
index 6ae8bba8..e402da2e 100644
--- a/client/src/components/widgets/SettingsPanel/script.js
+++ b/client/src/components/widgets/SettingsPanel/script.js
@@ -14,9 +14,6 @@ export default {
     return {
       showSaveDialog: false,
       showLoadDialog: false,
-      zoomSync: true,
-      selectTimeStep: false,
-      autoSavePrompt: true,
     };
   },
 
@@ -27,24 +24,18 @@ export default {
     },
   },
 
-  watch: {
-    zoomSync() {
-      this.toggleSyncZoom();
-    },
-    selectTimeStep() {
-      this.toggleSelectTimeStep();
-    },
-    autoSavePrompt(status) {
-      this.setAutoSaveDialogEnabled(status);
-    },
-  },
-
   methods: {
     ...mapActions({
       toggleSyncZoom: "UI_TOGGLE_ZOOM_SYNC",
       toggleSelectTimeStep: "UI_TOGGLE_TIME_STEP",
       fetchAllViews: "VIEWS_FETCH_ALL_AVAILABLE",
       toggleShowSettings: "UI_TOGGLE_SHOW_SETTINGS",
+      toggleRunGlobals: "UI_TOGGLE_RUN_GLOBALS",
+      toggleXAxis: "UI_TOGGLE_X_AXIS",
+      toggleYAxis: "UI_TOGGLE_Y_AXIS",
+      toggleScalarBar: "UI_TOGGLE_SCALAR_BAR",
+      toggleTitle: "UI_TOGGLE_TITLE",
+      toggleLegend: "UI_TOGGLE_LEGEND",
     }),
     ...mapMutations({
       setPaused: "UI_PAUSE_GALLERY_SET",
@@ -52,6 +43,7 @@ export default {
       setSaveDialogVisible: "UI_SHOW_SAVE_DIALOG_SET",
       toggleSettingsVisibility: "UI_SHOW_SETTINGS_SET",
       setAutoSaveDialogEnabled: "UI_AUTO_SAVE_DIALOG_ENABLED_SET",
+      setRangeTooltipEnabled: "UI_SHOW_RANGE_TOOLTIP_SET",
     }),
     async saveView() {
       await this.fetchAllViews();
@@ -66,6 +58,15 @@ export default {
 
   computed: {
     ...mapGetters({
+      enableRangeTooltip: "UI_SHOW_RANGE_TOOLTIP",
+      showLegend: "UI_SHOW_LEGEND",
+      showScalarBar: "UI_SHOW_SCALAR_BAR",
+      showYAxis: "UI_SHOW_Y_AXIS",
+      showXAxis: "UI_SHOW_X_AXIS",
+      useRunGlobals: "UI_USE_RUN_GLOBALS",
+      showAutoSaveDialog: "UI_AUTO_SAVE_DIALOG_ENABLED",
+      syncZoom: "UI_ZOOM_SYNC",
+      showTitle: "UI_SHOW_TITLE",
       showSettings: "UI_SHOW_SETTINGS",
       timeStepSelectorMode: "UI_TIME_STEP_SELECTOR",
       lastSaved: "VIEWS_LAST_SAVED",
@@ -75,5 +76,85 @@ export default {
       simulation: "VIEWS_SIMULATION",
       step: "VIEW_TIME_STEP",
     }),
+    zoomSync: {
+      get() {
+        return this.syncZoom;
+      },
+      set() {
+        this.toggleSyncZoom();
+      },
+    },
+    selectTimeStep: {
+      get() {
+        return this.timeStepSelectorMode;
+      },
+      set() {
+        this.toggleSelectTimeStep();
+      },
+    },
+    autoSavePrompt: {
+      get() {
+        return this.showAutoSaveDialog;
+      },
+      set(val) {
+        this.setAutoSaveDialogEnabled(val);
+      },
+    },
+    runGlobals: {
+      get() {
+        return this.useRunGlobals;
+      },
+      set() {
+        this.toggleRunGlobals();
+      },
+    },
+    xAxis: {
+      get() {
+        return this.showXAxis;
+      },
+      set() {
+        this.toggleXAxis();
+      },
+    },
+    yAxis: {
+      get() {
+        return this.showYAxis;
+      },
+      set() {
+        this.toggleYAxis();
+      },
+    },
+    scalarBar: {
+      get() {
+        return this.showScalarBar;
+      },
+      set() {
+        this.toggleScalarBar();
+      },
+    },
+    legend: {
+      get() {
+        return this.showLegend;
+      },
+      set() {
+        this.toggleLegend();
+      },
+    },
+    title: {
+      get() {
+        return this.showTitle;
+      },
+      set() {
+        this.toggleTitle();
+      },
+    },
+    rangeInfo: {
+      get() {
+        return this.enableRangeTooltip;
+      },
+      set(val) {
+        this.setRangeTooltipEnabled(val);
+      },
+    },
   },
 };
diff --git a/client/src/components/widgets/SettingsPanel/template.html b/client/src/components/widgets/SettingsPanel/template.html
index 6171d163..466939fe 100644
--- a/client/src/components/widgets/SettingsPanel/template.html
+++ b/client/src/components/widgets/SettingsPanel/template.html
@@ -27,7 +27,7 @@
       <v-divider />
       <v-row>
         <v-col sm="6">
-          <v-tooltip left>
+          <v-tooltip left bottom>
             <template v-slot:activator="{on, attrs}">
               <div v-on="on" v-bind="attrs">
                 <v-switch v-model="zoomSync" label="Sync zoom" hide-details />
@@ -38,7 +38,7 @@
           </v-tooltip>
         </v-col>
         <v-col sm="6">
-          <v-tooltip right>
+          <v-tooltip left bottom>
             <template v-slot:activator="{on, attrs}">
               <div v-on="on" v-bind="attrs">
                 <v-switch
@@ -57,7 +57,7 @@
       <v-divider />
       <v-row>
         <v-col sm="12">
-          <v-tooltip left>
+          <v-tooltip left bottom>
             <template v-slot:activator="{on, attrs}">
               <div v-on="on" v-bind="attrs">
                 <v-switch label="View completed runs" hide-details disabled />
@@ -71,7 +71,7 @@
       <v-divider />
       <v-row>
         <v-col sm="12">
-          <v-tooltip left>
+          <v-tooltip left bottom>
             <template v-slot:activator="{on, attrs}">
               <div v-on="on" v-bind="attrs">
                 <v-switch
@@ -82,13 +82,114 @@
               </div>
             </template>
             <p class="mb-0">
-              {{autoSavePrompt ? "Do not show" : "Show"}} the prompt asking if
-              you would
+              {{autoSavePrompt ? "Hiding" : "Showing"}} the prompt asking if you
+              would
             </p>
             <p class="mb-0">like to load the last auto-saved layout.</p>
           </v-tooltip>
         </v-col>
       </v-row>
+      <v-subheader> Plots </v-subheader>
+      <v-divider />
+      <v-row>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch dense v-model="xAxis" label="x-axis" hide-details />
+              </div>
+            </template>
+            <p class="mb-0">{{xAxis ? "Showing" : "Hiding"}} the x axis.</p>
+          </v-tooltip>
+        </v-col>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch dense v-model="yAxis" label="y-axis" hide-details />
+              </div>
+            </template>
+            <p class="mb-0">{{yAxis ? "Showing" : "Hiding"}} the y axis.</p>
+          </v-tooltip>
+        </v-col>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch
+                  dense
+                  v-model="scalarBar"
+                  label="scalar bar"
+                  hide-details
+                />
+              </div>
+            </template>
+            <p class="mb-0">
+              {{scalarBar ? "Showing" : "Hiding"}} the scalar bar.
+            </p>
+          </v-tooltip>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch dense v-model="title" label="title" hide-details />
+              </div>
+            </template>
+            <p class="mb-0">{{title ? "Showing" : "Hiding"}} the plot title.</p>
+          </v-tooltip>
+        </v-col>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch dense v-model="legend" label="legend" hide-details />
+              </div>
+            </template>
+            <p class="mb-0">
+              {{legend ? "Showing" : "Hiding"}} the plot legend.
+            </p>
+          </v-tooltip>
+        </v-col>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch
+                  dense
+                  v-model="runGlobals"
+                  label="global values"
+                  hide-details
+                />
+              </div>
+            </template>
+            <p class="mb-0">
+              Using {{runGlobals ? "global" : "time step"}} ranges.
+            </p>
+          </v-tooltip>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col>
+          <v-tooltip left bottom>
+            <template v-slot:activator="{on, attrs}">
+              <div v-on="on" v-bind="attrs">
+                <v-switch
+                  dense
+                  v-model="rangeInfo"
+                  label="range info"
+                  hide-details
+                />
+              </div>
+            </template>
+            <p class="mb-0">
+              Range info on hover {{rangeInfo ? "enabled" : "disabled"}}.
+            </p>
+          </v-tooltip>
+        </v-col>
+      </v-row>
     </v-col>
   </div>
   <v-row class="ma-0 pa-0" :style="{height: '25px'}">
diff --git a/client/src/components/widgets/VTKPlot/script.js b/client/src/components/widgets/VTKPlot/script.js
index 69467944..fd0b0571 100644
--- a/client/src/components/widgets/VTKPlot/script.js
+++ b/client/src/components/widgets/VTKPlot/script.js
@@ -20,9 +20,11 @@ import vtkPolyData from "@kitware/vtk.js/Common/DataModel/PolyData";
 import vtkRenderer from "@kitware/vtk.js/Rendering/Core/Renderer";
 import vtkScalarBarActor from "@kitware/vtk.js/Rendering/Core/ScalarBarActor";
 import vtkCustomCubeAxesActor from "../../../utils/vtkCustomCubeAxesActor";
+import { extractRange } from "../../../utils/helpers";
 
-const X_AXES_LABEL_BOUNDS_ADJUSTMENT = 0.3;
 const Y_AXES_LABEL_BOUNDS_ADJUSTMENT = 0.001;
+const MESH_XAXIS_SCALE_OFFSET = 0.1;
+const RECTANGULAR_VIEWPORT_SCALING = 1.5;
 
 export default {
   name: "VTKPlot",
@@ -56,11 +58,17 @@ export default {
       rangeText: "",
       plotType: null,
       lastLoadedTimeStep: -1,
+      currentRange: null,
     };
   },
 
   computed: {
     ...mapGetters({
+      runGlobals: "UI_USE_RUN_GLOBALS",
+      enableRangeTooltip: "UI_SHOW_RANGE_TOOLTIP",
+      xaxisVisible: "UI_SHOW_X_AXIS",
+      yaxisVisible: "UI_SHOW_Y_AXIS",
+      showScalarBar: "UI_SHOW_SCALAR_BAR",
       renderWindow: "UI_RENDER_WINDOW",
       syncZoom: "UI_ZOOM_SYNC",
       interactor: "UI_INTERACTOR",
@@ -83,9 +91,27 @@ export default {
     xAxis() {
       return this.$store.getters[`${this.itemId}/PLOT_X_AXIS`] || null;
     },
+    scalarRange() {
+      return this.$store.getters[`${this.itemId}/PLOT_COLOR_RANGE`] || null;
+    },
+    xRange() {
+      return this.$store.getters[`${this.itemId}/PLOT_X_RANGE`] || null;
+    },
+    yRange() {
+      return this.$store.getters[`${this.itemId}/PLOT_Y_RANGE`] || null;
+    },
     zoom() {
       return this.$store.getters[`${this.itemId}/PLOT_ZOOM`] || null;
     },
+    localTimeStep() {
+      const ts = this.currentTimeStep;
+      if (this.availableTimeSteps.includes(ts)) {
+        return ts;
+      }
+      let idx = this.availableTimeSteps.findIndex((step) => step >= ts);
+      idx = Math.max((idx -= 1), 0);
+      return this.availableTimeSteps[idx];
+    },
   },
 
   watch: {
@@ -124,6 +150,41 @@ export default {
         }
       },
     },
+    xaxisVisible: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (!isEqual(newVal, oldVal)) {
+          this.react();
+          this.resetCameraBounds();
+        }
+      },
+    },
+    yaxisVisible: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (!isEqual(newVal, oldVal)) {
+          this.react();
+          this.resetCameraBounds();
+        }
+      },
+    },
+    showScalarBar: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (!isEqual(newVal, oldVal)) {
+          this.react();
+        }
+      },
+    },
+    runGlobals: {
+      immediate: true,
+      handler(newVal, oldVal) {
+        if (!isEqual(newVal, oldVal)) {
+          this.react();
+          this.resetCameraBounds();
+        }
+      },
+    },
   },
 
   methods: {
@@ -144,25 +205,12 @@ export default {
     },
     react: function () {
       let nextImage = this.loadedTimeStepData.find(
-        (img) => img.timestep == this.currentTimeStep,
+        (img) => img.timestep == this.localTimeStep,
       );
-      if (isNil(nextImage) && this.loadedTimeStepData.length >= 1) {
-        let idx = this.availableTimeSteps.findIndex(
-          (step) => step >= this.currentTimeStep,
-        );
-        idx = Math.max((idx -= 1), 0);
-        let prevTimeStep = this.availableTimeSteps[idx];
-        nextImage = this.loadedTimeStepData.find(
-          (img) => img.timestep === prevTimeStep,
-        );
-      }
       // Plots can be added faster than the data can update. Make sure that the
       // nextImage is the correct plot type.
-
       const readyForUpdate =
-        !isNil(nextImage) &&
-        !Array.isArray(nextImage.data) &&
-        this.lastLoadedTimeStep != nextImage?.timestep;
+        !isNil(nextImage) && !Array.isArray(nextImage.data);
       if (readyForUpdate) {
         if (!this.xaxis) {
           let xAxis = nextImage.data.xLabel;
@@ -195,22 +243,25 @@ export default {
           (x - parent.x + width) / parent.width,
           1 - y / parent.height,
         ];
+        const h = viewport[3] - viewport[1];
+        const w = viewport[2] - viewport[0];
+        const midx = w / 2 + viewport[0];
+        const midy = h / 2 + viewport[1];
+        // Keep the viewport square for square plots
+        let size = h > w ? w / 2 : h / 2;
         if (this.plotType === PlotType.Mesh) {
-          this.renderer.setViewport(...viewport);
-        } else {
-          // Keep the viewport square for square plots
-          const h = viewport[3] - viewport[1];
-          const w = viewport[2] - viewport[0];
-          const midx = w / 2 + viewport[0];
-          const midy = h / 2 + viewport[1];
-          let size = h > w ? w / 2 : h / 2;
-          this.renderer.setViewport(
-            midx - size,
-            midy - size,
-            midx + size,
-            midy + size,
-          );
+          if (h > w && this.numrows !== this.numcols) {
+            // Keep the viewport rectangular for Mesh plots
+            size *= RECTANGULAR_VIEWPORT_SCALING;
+          }
         }
+        this.renderer.setViewport(
+          Math.max(viewport[0], midx - size),
+          Math.max(viewport[1], midy - size),
+          Math.min(viewport[2], midx + size),
+          Math.min(viewport[3], midy + size),
+        );
+        this.resetCameraBounds();
       });
     },
     addRenderer(data) {
@@ -253,20 +304,20 @@ export default {
       this.axes.setAxisLabels(data.xLabel, data.yLabel, "");
       this.axes.getProperty().setColor("black");
       this.axes.getProperty().setLineWidth(0.1);
-      if (this.plotType === PlotType.ColorMap) {
-        this.axes.setGridLines(false);
-      }
+      this.axes.setGridLines(false);
+      this.axes.setVisibleLabels([this.xaxisVisible, this.yaxisVisible]);
       this.renderer.addActor(this.axes);
 
       // Build color bar
       this.scalarBar = vtkScalarBarActor.newInstance();
-      this.scalarBar.setGenerateTicks(customGenerateTicks(6));
+      this.scalarBar.setGenerateTicks(customGenerateTicks(1));
       this.scalarBar.setScalarsToColors(lut);
       this.scalarBar.setAxisLabel(data.colorLabel);
       this.scalarBar.setAxisTextStyle({ fontColor: "black" });
       this.scalarBar.setTickTextStyle({ fontColor: "black" });
       this.scalarBar.setDrawNanAnnotation(false);
       this.scalarBar.setAutoLayout(scalarBarAutoLayout(this.scalarBar));
+      this.scalarBar.setVisibility(this.showScalarBar);
       this.renderer.addActor2D(this.scalarBar);
 
       if (this.plotType === PlotType.Scatter) {
@@ -331,7 +382,10 @@ export default {
 
         // Build the polydata
         this.mesh.getPointData().setScalars(scalars);
-        this.mapper.setScalarRange(...scalars.getRange());
+        const scalarRange = this.runGlobals
+          ? this.scalarRange
+          : scalars.getRange();
+        this.mapper.setScalarRange(...scalarRange);
 
         // Setup colormap
         const lut = this.mapper.getLookupTable();
@@ -350,25 +404,18 @@ export default {
       // TODO: Remove this when we have more functionality in VTK charts
       // Use the original data from the mesh rather than the potentially scaled
       // actor data
-      this.axes.setDataBounds(this.actor.getBounds());
+      this.axes.setDataBounds(...this.axesDataBounds());
       const [scale] = this.actor.getScale();
       this.axes.setTicksScale(scale);
+      this.axes.setVisibleLabels([this.xaxisVisible, this.yaxisVisible]);
 
-      // TODO: Remove this when we have more functionality in VTK charts
-      // Hack to adjust the bounds to include the x label
-      const bounds = [...this.actor.getBounds()];
+      // Update scalar bar
+      this.scalarBar.setVisibility(this.showScalarBar);
 
       // Update camera
       if (!this.zoom) {
         // TODO: Remove this when we have more functionality in VTK charts
-        if (this.plotType === PlotType.Mesh) {
-          // Hack to adjust the bounds to include the x label
-          bounds[2] -= X_AXES_LABEL_BOUNDS_ADJUSTMENT;
-        } else if (this.plotType === PlotType.Scatter) {
-          // Hack to adjust the bounds to include the y label
-          bounds[1] -= Y_AXES_LABEL_BOUNDS_ADJUSTMENT;
-        }
-        this.renderer.resetCamera(bounds);
+        this.resetCameraBounds();
         if (!this.position) {
           this.position = this.camera.getPosition();
         }
@@ -417,13 +464,11 @@ export default {
       }
       this.mesh.getPoints().setData(points, 3);
       this.mesh.getPolys().setData(cells);
-      // FIXME: This is a hack to attempt to keep
-      // the plot ratio relatively square
-      const yRange = Math.max(...y) - Math.min(...y);
-      const xRange = Math.max(...x) - Math.min(...x);
-      const actorScale = yRange / xRange;
       if (!this.zoom) {
-        this.actor.setScale(actorScale, 1, 1);
+        // FIXME: This is a hack to attempt to keep
+        // the plot ratio relatively square
+        const scale = this.actorScale(x, y);
+        this.actor.setScale(scale, 1, 1);
       }
     },
     updateMeshRenderer(data) {
@@ -478,13 +523,11 @@ export default {
       this.actor.getProperty().setColor(0, 0, 1);
 
       this.mesh.getPoints().setData(points, 3);
-      // FIXME: This is a hack to attempt to keep
-      // the plot ratio relatively square
-      const yRange = Math.max(...y) - Math.min(...y);
-      const xRange = Math.max(...x) - Math.min(...x);
-      const actorScale = yRange / xRange;
       if (!this.zoom) {
-        this.actor.setScale(actorScale, 1, 1);
+        // FIXME: This is a hack to attempt to keep
+        // the plot ratio relatively square
+        const scale = this.actorScale(x, y);
+        this.actor.setScale(scale, 1, 1);
       }
     },
     removeRenderer() {
@@ -578,19 +621,11 @@ export default {
         return;
       }
       if (!this.zoom) {
-        const bounds = [...this.actor.getBounds()];
+        // TODO: Remove this when we have more functionality in VTK charts
         if (this.plotType !== PlotType.ColorMap) {
           this.camera.setPosition(...this.position);
-          // Hack to adjust the bounds to include the x label
-          if (this.plotType === PlotType.Mesh) {
-            // This can be removed when vtk.js include the text labels in its bounds.
-            bounds[2] -= X_AXES_LABEL_BOUNDS_ADJUSTMENT;
-          } else if (this.plotType === PlotType.Scatter) {
-            // This can be removed when vtk.js include the text labels in its bounds.
-            bounds[1] -= Y_AXES_LABEL_BOUNDS_ADJUSTMENT;
-          }
         }
-        this.renderer.resetCamera(bounds);
+        this.resetCameraBounds();
         this.rangeText = "";
       } else if (!isEqual(this.zoom.focalPoint, this.camera.getFocalPoint())) {
         if (this.zoom.scale) {
@@ -599,6 +634,76 @@ export default {
         }
       }
     },
+    tooltipText() {
+      let [x0, x1] = this.xRange;
+      let [y0, y1] = this.yRange;
+      let [s0, s1] = this.scalarRange;
+      if (!this.runGlobals && this.currentRange) {
+        [x0, x1, y0, y1] = this.currentRange;
+        [s0, s1] = this.mapper.getScalarRange();
+      }
+      return {
+        x: `[${x0.toExponential(3)}, ${x1.toExponential(3)}]`,
+        y: `[${y0.toExponential(3)}, ${y1.toExponential(3)}]`,
+        scalar: `[${s0.toExponential(3)}, ${s1.toExponential(3)}]`,
+      };
+    },
+    axesDataBounds() {
+      if (!this.runGlobals) {
+        return [...this.actor.getBounds()];
+      }
+      const [x0, x1, y0, y1] = this.actor.getBounds();
+      let xBounds = this.runGlobals ? [...this.xRange] : [x0, x1];
+      let yBounds = this.runGlobals ? [...this.yRange] : [y0, y1];
+      const meshBounds = [...xBounds, ...yBounds, 0, 0];
+      if (this.plotType === PlotType.ColorMap) {
+        const [xscale] = this.actor.getScale();
+        meshBounds[1] =
+          meshBounds[1] * xscale + xscale * MESH_XAXIS_SCALE_OFFSET;
+      }
+      return meshBounds;
+    },
+    cameraBoundsOffset() {
+      const parent = document
+        .getElementById("mainContent")
+        .getBoundingClientRect();
+      const { width, height } = this.$el.getBoundingClientRect();
+      let w = Math.abs(Math.log(width / parent.width));
+      let h = Math.abs(Math.log(height / parent.height));
+      return height > width ? w / 2 : h / 2;
+    },
+    resetCameraBounds() {
+      if (!this.renderer) {
+        return;
+      }
+      // TODO: Remove this when we have more functionality in VTK charts
+      const bounds = this.axesDataBounds();
+      if (this.plotType === PlotType.Mesh) {
+        if (this.xaxisVisible) {
+          // Hack to adjust the bounds to include the x label
+          bounds[2] -= this.cameraBoundsOffset();
+        }
+        if (this.yaxisVisible) {
+          // Hack to adjust the bounds to include the y label
+          bounds[0] -= this.cameraBoundsOffset();
+        }
+      } else if (this.plotType === PlotType.Scatter) {
+        // Hack to adjust the bounds to include the y label
+        bounds[1] -= Y_AXES_LABEL_BOUNDS_ADJUSTMENT;
+      } else if (this.plotType === PlotType.ColorMap) {
+        if (this.yaxisVisible) {
+          bounds[0] -=
+            this.cameraBoundsOffset() * (Y_AXES_LABEL_BOUNDS_ADJUSTMENT / 2);
+        }
+      }
+      this.renderer.resetCamera(bounds);
+    },
+    actorScale(xVals, yVals) {
+      const [x0, x1] = this.runGlobals ? this.xRange : extractRange(xVals);
+      const [y0, y1] = this.runGlobals ? this.yRange : extractRange(yVals);
+      this.currentRange = [x0, x1, y0, y1];
+      return (y1 - y0) / (x1 - x0);
+    },
   },
 
   mounted() {
diff --git a/client/src/components/widgets/VTKPlot/template.html b/client/src/components/widgets/VTKPlot/template.html
index 4ef47880..583bfcb1 100644
--- a/client/src/components/widgets/VTKPlot/template.html
+++ b/client/src/components/widgets/VTKPlot/template.html
@@ -1,4 +1,33 @@
 <div ref="vtk" class="plot">
+  <v-menu
+    v-if="enableRangeTooltip"
+    open-on-hover
+    offset-y
+    left
+    top
+    :close-on-content-click="false"
+    min-width="fit-content"
+    height="fit-content"
+  >
+    <template v-slot:activator="{ on }">
+      <v-icon v-on="on" style="position: absolute; right: 0; bottom: 0">
+        mdi-information-variant
+      </v-icon>
+    </template>
+    <v-list>
+      <v-list-item dense v-if="!xaxisVisible">
+        <v-list-item-title>X Range: {{tooltipText().x}}</v-list-item-title>
+      </v-list-item>
+      <v-list-item dense v-if="!yaxisVisible">
+        <v-list-item-title>Y Range: {{tooltipText().y}}</v-list-item-title>
+      </v-list-item>
+      <v-list-item dense v-if="!showScalarBar">
+        <v-list-item-title>
+          Scalar Range: {{tooltipText().scalar}}
+        </v-list-item-title>
+      </v-list-item>
+    </v-list>
+  </v-menu>
   <annotations
     v-if="rangeText.length  && itemId"
     :text="rangeText"
diff --git a/client/src/scss/gallery.scss b/client/src/scss/gallery.scss
index 0cee2e7f..08e1193e 100755
--- a/client/src/scss/gallery.scss
+++ b/client/src/scss/gallery.scss
@@ -126,15 +126,8 @@
 // Make sure toolbar doesn't cover plot title
 // when visible
 .show-toolbar {
-  .modebar-container {
-    display: flex;
-    height: auto;
-    div {
-      height: auto;
-    }
-  }
   .modebar {
-    top: 20px !important;
+    display: none;
   }
 }
 
@@ -153,6 +146,7 @@
   min-width: 3px;
   width: 10px;
   background: linear-gradient(90deg, #ccc, #a5a4a4);
+  z-index: 1;
 }
 
 // Resize plot labels when plots resize
diff --git a/client/src/store/plot.js b/client/src/store/plot.js
index 9ddeac86..02b2f50d 100644
--- a/client/src/store/plot.js
+++ b/client/src/store/plot.js
@@ -1,7 +1,8 @@
+import { extractRange } from "../utils/helpers";
+
 export default {
   namespaced: true,
   state: () => ({
-    legend: false,
     log: false,
     range: null,
     timeAverage: 0,
@@ -10,11 +11,11 @@ export default {
     times: null,
     loadedTimeStepData: null,
     availableTimeSteps: null,
+    xRange: null,
+    yRange: null,
+    colorRange: null,
   }),
   getters: {
-    PLOT_LEGEND_VISIBILITY(state) {
-      return state.legend;
-    },
     PLOT_LOG_SCALING(state) {
       return state.log;
     },
@@ -42,11 +43,17 @@ export default {
     PLOT_AVAILABLE_TIME_STEPS(state) {
       return state.availableTimeSteps;
     },
+    PLOT_X_RANGE(state) {
+      return state.xRange;
+    },
+    PLOT_Y_RANGE(state) {
+      return state.yRange;
+    },
+    PLOT_COLOR_RANGE(state) {
+      return state.colorRange;
+    },
   },
   mutations: {
-    PLOT_LEGEND_VISIBILITY_SET(state, val) {
-      state.legend = val;
-    },
     PLOT_LOG_SCALING_SET(state, val) {
       state.log = val;
     },
@@ -71,10 +78,18 @@ export default {
     PLOT_AVAILABLE_TIME_STEPS_SET(state, val) {
       state.availableTimeSteps = val;
     },
+    PLOT_X_RANGE_SET(state, val) {
+      state.xRange = val;
+    },
+    PLOT_Y_RANGE_SET(state, val) {
+      state.yRange = val;
+    },
+    PLOT_COLOR_RANGE_SET(state, val) {
+      state.colorRange = val;
+    },
   },
   actions: {
     PLOT_DATA_RESET({ commit }) {
-      commit("PLOT_LEGEND_VISIBILITY_SET", false);
       commit("PLOT_LOG_SCALING_SET", false);
       commit("PLOT_GLOBAL_RANGE_SET", null);
       commit("PLOT_TIME_AVERAGE_SET", 0);
@@ -98,9 +113,7 @@ export default {
       let newMax = -Infinity;
       rootGetters.VIEW_SELECTIONS.forEach((id) => {
         let steps = rootGetters[`${id}/PLOT_AVAILABLE_TIME_STEPS`] || [];
-        let tsMin = Math.min(...steps);
-        let tsMax = Math.max(...steps);
-
+        let [tsMin, tsMax] = extractRange(steps);
         newMin = Math.min(newMin, tsMin);
         newMax = Math.max(newMax, tsMax);
       });
@@ -112,5 +125,18 @@ export default {
         commit("VIEW_TIME_STEP_SET", newCurr, { root: true });
       }
     },
+    PLOT_META_DATA_CHANGED({ commit, dispatch }, meta) {
+      dispatch("PLOT_AVAILABLE_TIME_STEPS_CHANGED", meta.steps);
+
+      if (meta?.x_range) {
+        commit("PLOT_X_RANGE_SET", meta.x_range);
+      }
+      if (meta?.y_range) {
+        commit("PLOT_Y_RANGE_SET", meta.y_range);
+      }
+      if (meta?.color_range) {
+        commit("PLOT_COLOR_RANGE_SET", meta.color_range);
+      }
+    },
   },
 };
diff --git a/client/src/store/ui.js b/client/src/store/ui.js
index c7ea0195..fe7f91f2 100644
--- a/client/src/store/ui.js
+++ b/client/src/store/ui.js
@@ -25,6 +25,13 @@ export default {
     boxSelector: null,
     showSettings: false,
     autoSavedViewDialogEnabled: true,
+    useRunGlobals: true,
+    showXAxis: false,
+    showYAxis: false,
+    showScalarBar: false,
+    showTitle: true,
+    showLegend: false,
+    rangeTooltip: true,
   },
   getters: {
     UI_AUTO_SAVE_DIALOG(state) {
@@ -75,6 +82,27 @@ export default {
     UI_AUTO_SAVE_DIALOG_ENABLED(state) {
       return state.autoSavedViewDialogEnabled;
     },
+    UI_USE_RUN_GLOBALS(state) {
+      return state.useRunGlobals;
+    },
+    UI_SHOW_X_AXIS(state) {
+      return state.showXAxis;
+    },
+    UI_SHOW_Y_AXIS(state) {
+      return state.showYAxis;
+    },
+    UI_SHOW_SCALAR_BAR(state) {
+      return state.showScalarBar;
+    },
+    UI_SHOW_TITLE(state) {
+      return state.showTitle;
+    },
+    UI_SHOW_LEGEND(state) {
+      return state.showLegend;
+    },
+    UI_SHOW_RANGE_TOOLTIP(state) {
+      return state.rangeTooltip;
+    },
   },
   mutations: {
     UI_AUTO_SAVE_DIALOG_SET(state, val) {
@@ -122,6 +150,27 @@ export default {
     UI_AUTO_SAVE_DIALOG_ENABLED_SET(state, val) {
       state.autoSavedViewDialogEnabled = val;
     },
+    UI_USE_RUN_GLOBALS_SET(state, val) {
+      state.useRunGlobals = val;
+    },
+    UI_SHOW_X_AXIS_SET(state, val) {
+      state.showXAxis = val;
+    },
+    UI_SHOW_Y_AXIS_SET(state, val) {
+      state.showYAxis = val;
+    },
+    UI_SHOW_SCALAR_BAR_SET(state, val) {
+      state.showScalarBar = val;
+    },
+    UI_SHOW_TITLE_SET(state, val) {
+      state.showTitle = val;
+    },
+    UI_SHOW_LEGEND_SET(state, val) {
+      state.showLegend = val;
+    },
+    UI_SHOW_RANGE_TOOLTIP_SET(state, val) {
+      state.rangeTooltip = val;
+    },
   },
   actions: {
     UI_TOGGLE_PLAY_PAUSE({ state }) {
@@ -136,5 +185,23 @@ export default {
     UI_TOGGLE_SHOW_SETTINGS({ state }) {
       state.showSettings = !state.showSettings;
     },
+    UI_TOGGLE_RUN_GLOBALS({ state }) {
+      state.useRunGlobals = !state.useRunGlobals;
+    },
+    UI_TOGGLE_X_AXIS({ state }) {
+      state.showXAxis = !state.showXAxis;
+    },
+    UI_TOGGLE_Y_AXIS({ state }) {
+      state.showYAxis = !state.showYAxis;
+    },
+    UI_TOGGLE_SCALAR_BAR({ state }) {
+      state.showScalarBar = !state.showScalarBar;
+    },
+    UI_TOGGLE_TITLE({ state }) {
+      state.showTitle = !state.showTitle;
+    },
+    UI_TOGGLE_LEGEND({ state }) {
+      state.showLegend = !state.showLegend;
+    },
   },
 };
diff --git a/client/src/store/views.js b/client/src/store/views.js
index 676d1179..64ce7155 100644
--- a/client/src/store/views.js
+++ b/client/src/store/views.js
@@ -168,15 +168,13 @@ export default {
       layout.forEach((item) => {
         const { row, col, itemId } = item;
         if (itemId) {
-          const { legend, log, range, xAxis, zoom } =
-            getters[`${itemId}/PLOT_DATA_COMPLETE`];
+          const plotData = getters[`${itemId}/PLOT_DATA_COMPLETE`];
           items[`${row}::${col}`] = {
             id: itemId,
-            legend,
-            log,
-            range,
-            xAxis,
-            zoom,
+            log: plotData?.log || false,
+            range: plotData?.range || null,
+            xAxis: plotData?.xAxis || "",
+            zoom: plotData?.zoom || null,
           };
         }
       });
@@ -202,8 +200,8 @@ export default {
       });
       commit("VIEWS_INFO_SET", info);
     },
-    async VIEW_FETCH_AUTO_SAVE({ state, commit, getters }) {
-      commit("VIEW_AUTO_SAVE_RUN_SET", false);
+    async VIEWS_FETCH_AUTO_SAVE({ state, commit, getters }) {
+      commit("VIEWS_AUTO_SAVE_RUN_SET", false);
       const userId = this.$girderRest.user._id;
       const viewName = `${state.simulation}_${state.runId}_${userId}`;
       commit("VIEWS_AUTO_SAVE_NAME_SET", viewName);
@@ -212,7 +210,7 @@ export default {
       );
       const view = data[0];
       if (view) {
-        commit("VIEW_AUTO_SAVED_SET", view);
+        commit("VIEWS_AUTO_SAVED_SET", view);
         // Show the auto-save dialog if it hasn't been disabled in the settings
         commit("UI_AUTO_SAVE_DIALOG_SET", getters.UI_AUTO_SAVE_DIALOG_ENABLED);
       }
diff --git a/client/src/utils/helpers.js b/client/src/utils/helpers.js
new file mode 100644
index 00000000..94806d71
--- /dev/null
+++ b/client/src/utils/helpers.js
@@ -0,0 +1,13 @@
+export function extractRange(array) {
+  let minValue = array[0];
+  let maxValue = array[0];
+  for (let i = 0; i < array.length; i++) {
+    const v = array[i];
+    if (v < minValue) {
+      minValue = v;
+    } else if (v > maxValue) {
+      maxValue = v;
+    }
+  }
+  return [minValue, maxValue];
+}
diff --git a/client/src/utils/vtkCustomCubeAxesActor.js b/client/src/utils/vtkCustomCubeAxesActor.js
index de233dae..493e9f9e 100644
--- a/client/src/utils/vtkCustomCubeAxesActor.js
+++ b/client/src/utils/vtkCustomCubeAxesActor.js
@@ -3,7 +3,7 @@ import vtkCubeAxesActor from "@kitware/vtk.js/Rendering/Core/CubeAxesActor";
 import * as d3 from "d3-scale";
 
 const facesToDraw = [false, false, false, false, false, true];
-const edgesToDraw = [0, 0, 0, 0, 1, 2, 2, 1, 0, 0, 0, 0];
+const edgesToDraw = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
 
 function vtkCustomCubeAxesActor(publicAPI, model) {
   model.classHierarchy.push("vtkCustomCubeAxesActor");
@@ -45,11 +45,16 @@ function vtkCustomCubeAxesActor(publicAPI, model) {
       tickStrings[2] = ["0"];
       ticks[2] = [0];
 
+      const [showX, showY] = model.visibleLabels;
+      let edges = [...edgesToDraw];
+      edges[4] = showX ? 1 : 0;
+      edges[7] = showY ? 1 : 0;
+
       // update gridlines / edge lines
-      publicAPI.updatePolyData(facesToDraw, edgesToDraw, ticks);
+      publicAPI.updatePolyData(facesToDraw, edges, ticks);
 
       // compute label world coords and text
-      publicAPI.updateTextData(facesToDraw, edgesToDraw, ticks, tickStrings);
+      publicAPI.updateTextData(facesToDraw, edges, ticks, tickStrings);
 
       // rebuild the texture only when force or changed bounds, face
       // visibility changes do to change the atlas
@@ -65,6 +70,7 @@ function vtkCustomCubeAxesActor(publicAPI, model) {
 const DEFAULT_VALUES = {
   ticksNo: 4,
   ticksScale: 1,
+  visibleLabels: [true, true],
 };
 
 export function extend(publicAPI, model, initialValues = {}) {
@@ -73,6 +79,7 @@ export function extend(publicAPI, model, initialValues = {}) {
   vtkCubeAxesActor.extend(publicAPI, model, initialValues);
   macro.setGet(publicAPI, model, ["ticksNo"]);
   macro.setGet(publicAPI, model, ["ticksScale"]);
+  macro.setGetArray(publicAPI, model, ["visibleLabels"], 2);
   vtkCustomCubeAxesActor(publicAPI, model);
 }
 
diff --git a/fastapi/app/api/api_v1/endpoints/images.py b/fastapi/app/api/api_v1/endpoints/images.py
index 7ad31c77..194c3fe5 100644
--- a/fastapi/app/api/api_v1/endpoints/images.py
+++ b/fastapi/app/api/api_v1/endpoints/images.py
@@ -58,8 +58,6 @@ def create_plotly_image(plot_data: dict, format: str, details: dict):
     plot_data["layout"]["xaxis"]["automargin"] = True
     plot_data["layout"]["yaxis"]["automargin"] = True
     plot_data["layout"]["title"]["x"] = 0.5
-    # TODO: Find the best solution for legends that take up too much space
-    # plot_data["layout"]["showlegend"] = False
     plot_data["layout"].pop("name", None)
     plot_data["layout"].pop("frames", None)
     if details:
diff --git a/fastapi/app/api/api_v1/endpoints/variables.py b/fastapi/app/api/api_v1/endpoints/variables.py
index f8e7f636..6475090b 100644
--- a/fastapi/app/api/api_v1/endpoints/variables.py
+++ b/fastapi/app/api/api_v1/endpoints/variables.py
@@ -126,14 +126,21 @@ async def generate_plot_data(bp, variable: str):
     raise HTTPException(status_code=400, detail="Unsupported plot type.")
 
 
-@router.get("/{variable_id}/timesteps")
+@router.get("/{variable_id}/timesteps/meta")
 async def get_timesteps(variable_id: str, girder_token: str = Header(None)):
     gc = get_girder_client(girder_token)
 
     item = gc.getItem(variable_id)
-    meta = item["meta"]
+    meta = {"steps": item["meta"]["timesteps"], "time": item["meta"]["time"]}
 
-    return {"steps": meta["timesteps"], "time": meta["time"]}
+    if x_range := item["meta"].get("x_range", None):
+        meta["x_range"] = x_range
+    if y_range := item["meta"].get("y_range", None):
+        meta["y_range"] = y_range
+    if color_range := item["meta"].get("color_range", None):
+        meta["color_range"] = color_range
+
+    return meta
 
 
 # variable_id => Girder item id for item used to represent the variable.