diff --git a/web/src/components/AccessControl.vue b/web/src/components/AccessControl.vue
index cab92f21..8ad7a8b4 100644
--- a/web/src/components/AccessControl.vue
+++ b/web/src/components/AccessControl.vue
@@ -25,36 +25,36 @@ function savePermissions() {
   };
   if (userToRemove.value) {
     newPermissions.collaborator_ids = newPermissions.collaborator_ids.filter(
-      (uid: number) => uid != userToRemove.value?.id
+      (uid: number) => uid !== userToRemove.value?.id
     );
     newPermissions.follower_ids = newPermissions.follower_ids.filter(
-      (uid: number) => uid != userToRemove.value?.id
+      (uid: number) => uid !== userToRemove.value?.id
     );
   } else if (
     ["transfer", "claim"].includes(userSelectDialogMode.value) &&
-    selectedUsers.value.length == 1
+    selectedUsers.value.length === 1
   ) {
     if (!newPermissions.collaborator_ids.includes(newPermissions.owner_id)) {
       newPermissions.collaborator_ids.push(newPermissions.owner_id);
     }
     if (newPermissions.collaborator_ids.includes(selectedUsers.value[0].id)) {
       newPermissions.collaborator_ids = newPermissions.collaborator_ids.filter(
-        (uid: number) => uid != selectedUsers.value[0].id
+        (uid: number) => uid !== selectedUsers.value[0].id
       );
     }
     if (newPermissions.follower_ids.includes(selectedUsers.value[0].id)) {
       newPermissions.follower_ids = newPermissions.follower_ids.filter(
-        (uid: number) => uid != selectedUsers.value[0].id
+        (uid: number) => uid !== selectedUsers.value[0].id
       );
     }
     newPermissions.owner_id = selectedUsers.value[0].id;
-  } else if (selectedPermissionLevel.value == "collaborator") {
+  } else if (selectedPermissionLevel.value === "collaborator") {
     selectedUsers.value.forEach((u: User) => {
       if (!newPermissions.collaborator_ids.includes(u.id)) {
         newPermissions.collaborator_ids.push(u.id);
       }
     });
-  } else if (selectedPermissionLevel.value == "follower") {
+  } else if (selectedPermissionLevel.value === "follower") {
     selectedUsers.value.forEach((u: User) => {
       if (!newPermissions.follower_ids.includes(u.id)) {
         newPermissions.follower_ids.push(u.id);
@@ -114,7 +114,7 @@ onMounted(() => {
         </template>
         <template v-slot:append>
           <v-icon
-            v-if="permissions[project.id] == 'own'"
+            v-if="permissions[project.id] === 'own'"
             icon="mdi-pencil"
             @click="
               showUserSelectDialog = true;
@@ -126,7 +126,7 @@ onMounted(() => {
       <v-list-item v-else class="mx-4" subtitle="No owner">
         <template v-slot:append>
           <v-icon
-            v-if="permissions[project.id] == 'own'"
+            v-if="permissions[project.id] === 'own'"
             icon="mdi-pencil"
             @click="
               showUserSelectDialog = true;
@@ -170,7 +170,7 @@ onMounted(() => {
         </template>
         <template v-slot:append>
           <v-icon
-            v-if="permissions[project.id] == 'own'"
+            v-if="permissions[project.id] === 'own'"
             icon="mdi-trash-can"
             @click="userToRemove = collaborator"
           />
@@ -216,7 +216,7 @@ onMounted(() => {
         </template>
         <template v-slot:append>
           <v-icon
-            v-if="permissions[project.id] == 'own'"
+            v-if="permissions[project.id] === 'own'"
             icon="mdi-trash-can"
             @click="userToRemove = follower"
           />
@@ -229,7 +229,7 @@ onMounted(() => {
       />
     </v-list>
     <v-btn
-      v-if="permissions[project.id] == 'own'"
+      v-if="permissions[project.id] === 'own'"
       color="primary"
       @click="
         showUserSelectDialog = true;
@@ -241,7 +241,9 @@ onMounted(() => {
     <v-dialog v-model="showUserSelectDialog" width="500">
       <v-card>
         <v-card-title class="pa-3 bg-grey-lighten-2 text-grey-darken-2">
-          {{ userSelectDialogMode == "add" ? "Add Users" : "Select New Owner" }}
+          {{
+            userSelectDialogMode === "add" ? "Add Users" : "Select New Owner"
+          }}
           <v-btn
             class="close-button transparent"
             variant="flat"
@@ -253,7 +255,7 @@ onMounted(() => {
         </v-card-title>
         <v-messages
           color="red"
-          :active="userSelectDialogMode == 'transfer'"
+          :active="userSelectDialogMode === 'transfer'"
           :messages="[
             'Warning: After transferring ownership to another user, you will no \
             longer be able to make changes to permissions or delete the project. \
@@ -266,7 +268,7 @@ onMounted(() => {
             v-model="selectedUsers"
             :items="allUsers"
             :label="
-              userSelectDialogMode == 'add'
+              userSelectDialogMode === 'add'
                 ? 'Users to add'
                 : 'New project owner'
             "
@@ -297,7 +299,7 @@ onMounted(() => {
             </template>
           </v-select>
           <v-select
-            v-if="userSelectDialogMode == 'add'"
+            v-if="userSelectDialogMode === 'add'"
             v-model="selectedPermissionLevel"
             :items="permissionLevels"
             label="Permission Level"
diff --git a/web/src/components/MainDrawerContents.vue b/web/src/components/MainDrawerContents.vue
index 42bbad13..dfdbf602 100644
--- a/web/src/components/MainDrawerContents.vue
+++ b/web/src/components/MainDrawerContents.vue
@@ -29,7 +29,7 @@ function saveProjectMapLocation(project: Project) {
     default_map_zoom: zoom,
   }).then((project) => {
     availableProjects.value = availableProjects.value.map((p) => {
-      if (p.id == project.id) {
+      if (p.id === project.id) {
         p.default_map_center = project.default_map_center;
         p.default_map_zoom = project.default_map_zoom;
       }
@@ -138,7 +138,7 @@ function saveProjectMapLocation(project: Project) {
                   <v-list-item @click="saveProjectMapLocation(project)">
                     Set current map position as project default
                     <v-icon
-                      v-if="saving == 'done'"
+                      v-if="saving === 'done'"
                       icon="mdi-check"
                       color="green"
                       style="float: right"
@@ -158,7 +158,7 @@ function saveProjectMapLocation(project: Project) {
         <v-expansion-panel-text class="pa-0">
           <v-card rounded="0" flat color="grey-lighten-2" class="pa-2">
             <project-contents
-              v-if="project == currentProject"
+              v-if="project === currentProject"
               :project="project"
             />
           </v-card>
diff --git a/web/src/components/ProjectConfig.vue b/web/src/components/ProjectConfig.vue
index 3462949c..3418726f 100644
--- a/web/src/components/ProjectConfig.vue
+++ b/web/src/components/ProjectConfig.vue
@@ -43,11 +43,11 @@ const permissions = computed(() => {
   const ret = Object.fromEntries(
     availableProjects.value.map((p) => {
       let perm = "view";
-      if (p.id == selectedProject.value?.id) {
+      if (p.id === selectedProject.value?.id) {
         p = selectedProject.value;
       }
       if (
-        p.owner?.id == currentUser.value?.id ||
+        p.owner?.id === currentUser.value?.id ||
         currentUser.value?.is_superuser
       ) {
         perm = "own";
@@ -80,7 +80,7 @@ function del() {
   if (projectToDelete.value) {
     deleteProject(projectToDelete.value.id).then(() => {
       loadProjects();
-      if (selectedProject.value?.id == projectToDelete.value?.id) {
+      if (selectedProject.value?.id === projectToDelete.value?.id) {
         selectedProject.value = undefined;
       }
       projectToDelete.value = undefined;
@@ -107,11 +107,11 @@ function saveProjectName() {
 }
 
 function selectProject(v: Record<string, unknown>) {
-  if (selectedProject.value?.id != v.id) {
+  if (selectedProject.value?.id !== v.id) {
     getProjectDatasets(v.id as number).then((data) => {
       projDatasets.value = data;
     });
-    selectedProject.value = availableProjects.value.find((p) => p.id == v.id);
+    selectedProject.value = availableProjects.value.find((p) => p.id === v.id);
   }
 }
 
@@ -132,7 +132,7 @@ function toggleOtherDatasetSelection({
       otherSelectedDatasetIds.value.push(dataset.id);
     } else if (!show && otherSelectedDatasetIds.value.includes(dataset.id)) {
       otherSelectedDatasetIds.value = otherSelectedDatasetIds.value.filter(
-        (id) => id != dataset.id
+        (id) => id !== dataset.id
       );
     }
   });
@@ -150,7 +150,7 @@ function toggleProjDatasetSelection({
       projSelectedDatasetIds.value.push(dataset.id);
     } else if (!show && projSelectedDatasetIds.value.includes(dataset.id)) {
       projSelectedDatasetIds.value = projSelectedDatasetIds.value.filter(
-        (id) => id != dataset.id
+        (id) => id !== dataset.id
       );
     }
   });
@@ -260,7 +260,7 @@ function handleEditFocus(focused: boolean) {
         >
           <template v-slot:title="{ title, item }">
             <v-text-field
-              v-if="projectToEdit?.id == item.id"
+              v-if="projectToEdit?.id === item.id"
               v-model="newProjectName"
               :placeholder="item.name"
               label="Project Name"
@@ -285,7 +285,7 @@ function handleEditFocus(focused: boolean) {
                 @click.stop="projectToEdit = item"
               />
               <v-btn
-                v-else-if="projectToEdit?.id == item.id"
+                v-else-if="projectToEdit?.id === item.id"
                 color="primary"
                 variant="flat"
                 style="min-width: 40px; min-height: 40px"
@@ -307,7 +307,7 @@ function handleEditFocus(focused: boolean) {
             </div>
           </template>
         </v-list>
-        <div class="pa-2 d-flex" v-if="projectConfigMode == 'new'">
+        <div class="pa-2 d-flex" v-if="projectConfigMode === 'new'">
           <v-text-field
             v-model="newProjectName"
             label="Project Name"
@@ -349,7 +349,7 @@ function handleEditFocus(focused: boolean) {
           <v-tab value="users" class="text-grey">Access Control</v-tab>
         </v-tabs>
         <div
-          v-if="currentTab == 'datasets' && projDatasets"
+          v-if="currentTab === 'datasets' && projDatasets"
           class="py-3 px-6 d-flex"
         >
           <div style="width: 30%">
@@ -405,7 +405,7 @@ function handleEditFocus(focused: boolean) {
             </v-btn>
           </div>
         </div>
-        <div v-if="currentTab == 'users'" class="py-3 px-6">
+        <div v-if="currentTab === 'users'" class="py-3 px-6">
           <access-control
             :project="selectedProject"
             :permissions="permissions"
diff --git a/web/src/components/ProjectContents.vue b/web/src/components/ProjectContents.vue
index ebfba4fc..012e3a64 100644
--- a/web/src/components/ProjectContents.vue
+++ b/web/src/components/ProjectContents.vue
@@ -76,13 +76,13 @@ function selectItem(
   panelLabel: string,
   item: Dataset | DerivedRegion | Chart | SimulationType
 ) {
-  if (panelLabel == "Regions") {
+  if (panelLabel === "Regions") {
     getDatasetLayerForDataObject(item as DerivedRegion).then((layer) => {
       toggleDatasetLayer(layer);
     });
-  } else if (panelLabel == "Charts") {
+  } else if (panelLabel === "Charts") {
     currentChart.value = item as Chart;
-  } else if (panelLabel == "Simulations") {
+  } else if (panelLabel === "Simulations") {
     currentSimulationType.value = item as SimulationType;
   }
 }
@@ -114,7 +114,7 @@ function toggleDatasets({
         currentDataset.value = undefined;
       }
       selectedDatasets.value = selectedDatasets.value.filter((d) => {
-        d.id != dataset.id;
+        d.id !== dataset.id;
       });
     }
     // Toggle dataset layer. This *must* be called after the above code,
@@ -170,7 +170,7 @@ watch(openPanels, () => {
           No Available {{ panel.label }}.
         </div>
         <dataset-list
-          v-else-if="panel.label == 'Datasets' && projectContents['Datasets']"
+          v-else-if="panel.label === 'Datasets' && projectContents['Datasets']"
           :datasets="projectContents['Datasets']"
           :selected-ids="selectedDatasetIds"
           :eye-icon="true"
diff --git a/web/src/components/SimulationsPanel.vue b/web/src/components/SimulationsPanel.vue
index 964f3352..cd39ae75 100644
--- a/web/src/components/SimulationsPanel.vue
+++ b/web/src/components/SimulationsPanel.vue
@@ -64,7 +64,7 @@ export default {
         availableResults.value = results;
         if (activeResult.value) {
           activeResult.value = availableResults.value.find(
-            (r) => r.id == activeResult.value?.id
+            (r) => r.id === activeResult.value?.id
           );
         }
       });
@@ -126,7 +126,7 @@ export default {
       }
       const targetResult: SimulationResult | undefined =
         availableResults.value.find(
-          (r: { id: number }) => r.id == activeResult.value?.id
+          (r: { id: number }) => r.id === activeResult.value?.id
         );
       if (
         targetResult &&
@@ -276,7 +276,7 @@ export default {
               <div v-else-if="result.output_data">
                 <v-card-title>Results</v-card-title>
                 <div
-                  v-if="currentSimulationType.output_type == 'node_animation'"
+                  v-if="currentSimulationType.output_type === 'node_animation'"
                   class="pa-5"
                 >
                   <div v-if="result.output_data.node_failures?.length === 0">
diff --git a/web/src/layers.ts b/web/src/layers.ts
index 0c944e7e..a5492af5 100644
--- a/web/src/layers.ts
+++ b/web/src/layers.ts
@@ -520,7 +520,7 @@ export function styleRasterDatasetLayer(
   if (colormapPalette) {
     tileParams.palette = colormapPalette;
   }
-  if (Array.isArray(colormapRange) && colormapRange?.length == 2) {
+  if (Array.isArray(colormapRange) && colormapRange?.length === 2) {
     tileParams.min = colormapRange[0];
     tileParams.max = colormapRange[1];
   }