diff --git a/changes.d/1717.feat.md b/changes.d/1717.feat.md
new file mode 100644
index 000000000..7938e3f9b
--- /dev/null
+++ b/changes.d/1717.feat.md
@@ -0,0 +1 @@
+More view options are now remembered & restored when navigating between workflows.
\ No newline at end of file
diff --git a/changes.d/1744.feat.md b/changes.d/1744.feat.md
new file mode 100644
index 000000000..7938e3f9b
--- /dev/null
+++ b/changes.d/1744.feat.md
@@ -0,0 +1 @@
+More view options are now remembered & restored when navigating between workflows.
\ No newline at end of file
diff --git a/src/components/cylc/analysis/AnalysisTable.vue b/src/components/cylc/analysis/AnalysisTable.vue
index 440cb8bfa..d122f3ccd 100644
--- a/src/components/cylc/analysis/AnalysisTable.vue
+++ b/src/components/cylc/analysis/AnalysisTable.vue
@@ -31,8 +31,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         <v-data-table
           :headers="shownHeaders"
           :items="tasks"
-          :sort-by="sortBy"
+          v-model:sort-by="sortBy"
           density="compact"
+          v-model:page="page"
           v-model:items-per-page="itemsPerPage"
         >
           <!-- Use custom format for values in columns that have a specified formatter: -->
@@ -56,10 +57,17 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script>
 import { upperFirst } from 'lodash'
 import { formatDuration } from '@/utils/tasks'
+import {
+  initialOptions,
+  updateInitialOptionsEvent,
+  useInitialOptions
+} from '@/utils/initialOptions'
 
 export default {
   name: 'AnalysisTableComponent',
 
+  emits: [updateInitialOptionsEvent],
+
   props: {
     tasks: {
       type: Array,
@@ -68,15 +76,38 @@ export default {
     timingOption: {
       type: String,
       required: true
+    },
+    initialOptions,
+  },
+
+  setup (props, { emit }) {
+    /**
+     * The number of tasks displayed per page.
+     * @type {import('vue').Ref<number>}
+     */
+    const itemsPerPage = useInitialOptions('tasksFilter', { props, emit }, 50)
+
+    /**
+     * The 'sort by' state.
+     * @type {import('vue').Ref<array>}
+     */
+    const sortBy = useInitialOptions('sortBy', { props, emit }, [{ key: 'name', order: 'asc' }])
+
+    /**
+     * The page number state.
+     * @type {import('vue').Ref<number>}
+     */
+    const page = useInitialOptions('page', { props, emit }, 1)
+
+    return {
+      itemsPerPage,
+      sortBy,
+      page
     }
   },
 
   data () {
     return {
-      itemsPerPage: 50,
-      sortBy: [
-        { key: 'name', order: 'asc' }
-      ],
       headers: [
         {
           title: 'Task',
diff --git a/src/components/cylc/analysis/BoxPlot.vue b/src/components/cylc/analysis/BoxPlot.vue
index 734b4115b..9887ededc 100644
--- a/src/components/cylc/analysis/BoxPlot.vue
+++ b/src/components/cylc/analysis/BoxPlot.vue
@@ -18,10 +18,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <Teleport
     v-if="sortInputTeleportTarget"
-    :to="sortInputTeleportTarget"
+    :to="`#${sortInputTeleportTarget}`"
   >
     <div class="d-flex flex-grow-1 col-gap-1">
       <v-select
+        data-cy="box-plot-sort-select"
         :items="sortChoices"
         v-model="sortBy"
         label="Sort by"
@@ -66,6 +67,11 @@ import {
 import { upperFirst } from 'lodash'
 import { formatDuration } from '@/utils/tasks'
 import { useReducedAnimation } from '@/composables/localStorage'
+import {
+  initialOptions,
+  updateInitialOptionsEvent,
+  useInitialOptions
+} from '@/utils/initialOptions'
 
 export default {
   name: 'BoxPlot',
@@ -74,6 +80,8 @@ export default {
     VueApexCharts,
   },
 
+  emits: [updateInitialOptionsEvent],
+
   props: {
     tasks: {
       type: Array,
@@ -83,6 +91,7 @@ export default {
       type: String,
       required: true,
     },
+    initialOptions,
     itemsPerPage: {
       type: Number,
       default: 20,
@@ -91,14 +100,32 @@ export default {
       type: Boolean,
       default: true,
     },
-    /** Where to teleport the sorting input (or don't render if null) */
+    /** ID of element to teleport the sorting input (or don't render if null) */
     sortInputTeleportTarget: {
       type: String,
       default: null,
     },
   },
 
-  setup (props) {
+  setup (props, { emit }) {
+    /**
+     * The 'sort by' state.
+     * @type {import('vue').Ref<string>}
+     */
+    const sortBy = useInitialOptions('sortBy', { props, emit }, 'name')
+
+    /**
+     * The page number state.
+     * @type {import('vue').Ref<number>}
+     */
+    const page = useInitialOptions('page', { props, emit }, 1)
+
+    /**
+     * The sort descending/sscending state.
+     * @type {import('vue').Ref<boolean>}
+     */
+    const sortDesc = useInitialOptions('sortDesc', { props, emit }, false)
+
     const reducedAnimation = useReducedAnimation()
 
     const chartOptions = computed(() => ({
@@ -163,18 +190,13 @@ export default {
     }))
 
     return {
+      sortBy,
+      page,
+      sortDesc,
       chartOptions,
     }
   },
 
-  data () {
-    return {
-      page: 1,
-      sortBy: 'name',
-      sortDesc: false,
-    }
-  },
-
   errorCaptured (err, instance, info) {
     if (err.name === 'TypeError' && instance.type === 'boxPlot') {
       // Suppress bogus error https://github.com/apexcharts/vue3-apexcharts/issues/79
diff --git a/src/components/cylc/analysis/TimeSeries.vue b/src/components/cylc/analysis/TimeSeries.vue
index 9a33c743b..6df5ee8ef 100644
--- a/src/components/cylc/analysis/TimeSeries.vue
+++ b/src/components/cylc/analysis/TimeSeries.vue
@@ -18,7 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <Teleport
     v-if="sortInputTeleportTarget"
-    :to="sortInputTeleportTarget"
+    :to="`#${sortInputTeleportTarget}`"
   >
     <div class="d-flex flex-grow-1 col-gap-1">
       <v-autocomplete
@@ -104,6 +104,11 @@ import {
 } from '@mdi/js'
 import { useReducedAnimation } from '@/composables/localStorage'
 import DeltasCallback from '@/services/callbacks'
+import {
+  initialOptions,
+  updateInitialOptionsEvent,
+  useInitialOptions
+} from '@/utils/initialOptions'
 
 /** List of fields to request for task for each task */
 const jobFields = [
@@ -173,6 +178,8 @@ export default {
     VueApexCharts,
   },
 
+  emits: [updateInitialOptionsEvent],
+
   props: {
     workflowIDs: {
       type: Array,
@@ -182,6 +189,7 @@ export default {
       type: String,
       required: true,
     },
+    initialOptions,
     platformOption: {
       type: [String, Number],
       required: true,
@@ -197,15 +205,36 @@ export default {
     },
   },
 
-  setup () {
+  setup (props, { emit }) {
     const reducedAnimation = useReducedAnimation()
-    return { reducedAnimation }
+
+    /**
+     * The state for storing displayed tasks
+     * @type {import('vue').Ref<array>}
+     */
+    const displayedTasks = useInitialOptions('displayedTasks', { props, emit }, [])
+
+    /**
+     * The show origin option toggle state
+     * @type {import('vue').Ref<boolean>}
+     */
+    const showOrigin = useInitialOptions('showOrigin', { props, emit }, false)
+
+    return {
+      reducedAnimation,
+      displayedTasks,
+      showOrigin
+    }
   },
 
   beforeMount () {
     this.taskNamesQuery()
   },
 
+  mounted () {
+    this.refreshData()
+  },
+
   data () {
     const jobs = []
     return {
@@ -213,8 +242,6 @@ export default {
       /** Object containing all of the jobs added by the callback */
       jobs,
       taskNames: [],
-      displayedTasks: [],
-      showOrigin: false,
       xRange: [undefined, undefined],
     }
   },
diff --git a/src/views/Analysis.vue b/src/views/Analysis.vue
index 603a0fac9..243a87219 100644
--- a/src/views/Analysis.vue
+++ b/src/views/Analysis.vue
@@ -63,6 +63,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         </v-col>
       </v-row>
       <div
+        ref="toolbar"
         id="analysis-toolbar"
         class="d-flex align-center flex-wrap my-2 col-gap-2 row-gap-4"
       >
@@ -115,25 +116,29 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         v-if="chartType === 'table'"
         :tasks="filteredTasks"
         :timing-option="timingOption"
+        v-model:initial-options="dataTableOptions"
       />
       <BoxPlot
         v-else-if="chartType === 'box'"
         :tasks="filteredTasks"
         :timing-option="timingOption"
-        sort-input-teleport-target="#analysis-toolbar"
+        :sort-input-teleport-target="toolbar?.id"
+        v-model:initial-options="boxPlotOptions"
       />
       <TimeSeries
         v-else-if="chartType === 'timeSeries'"
         :workflowIDs="workflowIDs"
         :platform-option="tasksFilter.platformOption"
         :timing-option="timingOption"
-        sort-input-teleport-target="#analysis-toolbar"
+        :sort-input-teleport-target="toolbar?.id"
+        v-model:initial-options="timeseriesPlotOptions"
       />
     </v-container>
   </div>
 </template>
 
 <script>
+import { ref } from 'vue'
 import {
   debounce,
   pick,
@@ -141,6 +146,11 @@ import {
 import gql from 'graphql-tag'
 import { getPageTitle } from '@/utils/index'
 import graphqlMixin from '@/mixins/graphql'
+import {
+  initialOptions,
+  updateInitialOptionsEvent,
+  useInitialOptions
+} from '@/utils/initialOptions'
 import DeltasCallback from '@/services/callbacks'
 import AnalysisTable from '@/components/cylc/analysis/AnalysisTable.vue'
 import BoxPlot from '@/components/cylc/analysis/BoxPlot.vue'
@@ -248,18 +258,60 @@ export default {
     this.tasksQuery()
   },
 
+  emits: [updateInitialOptionsEvent],
+
+  props: { initialOptions },
+
+  setup (props, { emit }) {
+    /**
+     * The task name, timing option and platform filter state.
+     * @type {import('vue').Ref<object>}
+     */
+    const tasksFilter = useInitialOptions('tasksFilter', { props, emit }, { name: '', timingOption: 'totalTimes', platformOption: -1 })
+
+    /**
+     * Determines the Analysis type ('table' | 'box' | 'timeSeries')
+     * @type {import('vue').Ref<string>}
+     */
+    const chartType = useInitialOptions('chartType', { props, emit }, 'table')
+
+    /** @type {import('vue').Ref<HTMLElement>} template ref */
+    const toolbar = ref(null)
+
+    /**
+     * The Vuetify data table options (sortBy, page etc).
+     * @type {import('vue').Ref<object>}
+     */
+    const dataTableOptions = useInitialOptions('dataTableOptions', { props, emit })
+
+    /**
+     * The Vuetify box and whisker plot options (sortBy, page etc).
+     * @type {import('vue').Ref<object>}
+     */
+    const boxPlotOptions = useInitialOptions('boxPlotOptions', { props, emit })
+
+    /**
+     * The Vuetify box and whisker plot options (displayedTasks, showOrigin).
+     * @type {import('vue').Ref<object>}
+     */
+    const timeseriesPlotOptions = useInitialOptions('timeseriesPlotOptions', { props, emit })
+
+    return {
+      tasksFilter,
+      chartType,
+      toolbar,
+      dataTableOptions,
+      boxPlotOptions,
+      timeseriesPlotOptions
+    }
+  },
+
   data () {
     const tasks = []
     return {
       callback: new AnalysisTaskCallback(tasks),
       /** Object containing all of the tasks added by the callback */
       tasks,
-      tasksFilter: {
-        name: '',
-        timingOption: 'totalTimes',
-        platformOption: -1,
-      },
-      chartType: 'table',
     }
   },
 
diff --git a/tests/e2e/specs/analysis.cy.js b/tests/e2e/specs/analysis.cy.js
index af0420f7d..be8ccce8d 100644
--- a/tests/e2e/specs/analysis.cy.js
+++ b/tests/e2e/specs/analysis.cy.js
@@ -421,3 +421,133 @@ describe('Analysis view', () => {
     })
   })
 })
+
+function addView (view) {
+  cy.get('[data-cy=add-view-btn]').click()
+  cy.get(`#toolbar-add-${view}-view`).click()
+    // wait for menu to close
+    .should('not.be.exist')
+}
+
+describe('Filters and Options save state', () => {
+  const numTasks = sortedTasks.length
+  describe('Options save state', () => {
+    it('remembers table and box & whiskers toggle option when switching between workflows', () => {
+      cy.visit('/#/workspace/one')
+      addView('Analysis')
+      cy.get('.c-analysis [data-cy=box-plot-toggle]')
+        .click()
+        .get('.vue-apexcharts')
+        .should('be.visible')
+      // Navigate away
+      cy.visit('/#/')
+      cy.get('.c-dashboard')
+      // Navigate back
+      cy.visit('/#/workspace/one')
+      cy.get('.vue-apexcharts')
+        .should('be.visible')
+    })
+  })
+
+  describe('State saving', () => {
+    beforeEach(() => {
+      cy.visit('/#/workspace/one')
+      addView('Analysis')
+    })
+
+    it('remembers task name, platform and timings when switching between workflows', () => {
+      // Check default options
+      cy
+        .get('.c-analysis table > tbody > tr')
+        .should('have.length', numTasks)
+        .should('be.visible')
+
+      // Set platform filter options
+      cy
+        .get('#c-analysis-filter-task-platforms')
+        .click({ force: true })
+      cy
+        .get('.v-list-item')
+        .contains('platform_1')
+        .click({ force: true })
+
+      // Set queue task name filter options
+      cy
+        .get('#c-analysis-filter-task-name')
+        .type('wait')
+
+      // Set task times filter options
+      cy
+        .get('#c-analysis-filter-task-timings')
+        .click({ force: true })
+      cy
+        .get('.v-list-item')
+        .contains('Queue')
+        .click({ force: true })
+
+      // Navigate away
+      cy.visit('/#/')
+      cy.get('.c-dashboard')
+      // Navigate back
+      cy.visit('/#/workspace/one')
+
+      // Check number of tasks
+      cy
+        .get('.v-data-table__tr')
+        .should('have.length', 1)
+        .contains('waiting')
+        .should('be.visible')
+    })
+
+    it('remembers table sorting & page options when switching between workflows', () => {
+      const sortedClass = 'v-data-table__th--sorted'
+      cy.get('.c-table th')
+        .contains('Platform')
+        .closest('th').as('platformCol')
+        .should('not.have.class', sortedClass)
+        .click()
+        .should('have.class', sortedClass)
+      cy.get('.c-table .v-data-table-footer__items-per-page .v-select')
+        .as('itemsPerPage')
+        .find('input')
+        .should('not.have.value', -1)
+        .get('@itemsPerPage')
+        .click()
+        .get('[role="listbox"] .v-list-item')
+        .contains('All')
+        .click()
+        // Wait for menu to close
+        .should('not.exist')
+        .get('@itemsPerPage').find('input')
+        .should('have.value', -1)
+      // Navigate away
+      cy.visit('/#/')
+        .get('.c-dashboard')
+      // Navigate back
+      cy.visit('/#/workspace/one')
+      cy.get('@platformCol')
+        .should('have.class', sortedClass)
+      cy.get('@itemsPerPage').find('input')
+        .should('have.value', -1)
+    })
+
+    it('remembers box and whisker sorting options when switching between workflows', () => {
+      cy.get('.c-analysis [data-cy=box-plot-toggle]')
+        .click()
+      cy.get('[data-cy="box-plot-sort-select"]')
+        .click()
+      cy
+        .get('.v-list-item')
+        .contains('Count')
+        .click({ force: true })
+      // Navigate away
+      cy.visit('/#/')
+        .get('.c-dashboard')
+      // Navigate back
+      cy.visit('/#/workspace/one')
+      cy.get('[data-cy=box-plot-sort-select]')
+        .contains('Count')
+        .should('be.visible')
+    })
+  })
+})