diff --git a/backend/app/api/analytics.py b/backend/app/api/analytics.py
index 544cdc5..822b8b2 100644
--- a/backend/app/api/analytics.py
+++ b/backend/app/api/analytics.py
@@ -4,7 +4,7 @@
 from fastapi import APIRouter, Query
 from tortoise import connections
 from app.models import LogLevel
-from app.schemas import VolumeResponse, VolumeBucket, TopResponse, TopItem, HeatmapResponse, HeatmapCell
+from app.schemas import VolumeResponse, VolumeBucket, TopResponse, TopItem, HeatmapResponse, HeatmapCell, TopUsersVolumeResponse, TopUsersVolumeBucket
 from app.api.deps import get_team_member, CurrentUser
 
 router = APIRouter()
@@ -137,6 +137,62 @@ async def analytics_top(
     return TopResponse(items=[TopItem(value=r["value"], count=r["count"]) for r in rows])
 
 
+@router.get("/{team_id}/analytics/top-users-volume", response_model=TopUsersVolumeResponse)
+async def analytics_top_users_volume(
+    team_id: UUID,
+    user: CurrentUser,
+    bucket: Literal["hour", "day", "week"] = "hour",
+    limit: int = Query(10, ge=1, le=50),
+    from_time: datetime | None = Query(None, alias="from"),
+    to_time: datetime | None = Query(None, alias="to"),
+):
+    team, _ = await get_team_member(team_id, user)
+    start, end = _default_range(from_time, to_time)
+    conn = connections.get("default")
+
+    trunc = BUCKET_SQL[bucket]
+
+    # Step 1: find top N user_ids by total count
+    top_rows = await conn.execute_query_dict(
+        """
+        SELECT user_id, count(*) AS count
+        FROM logs
+        WHERE team_id = $1 AND timestamp >= $2 AND timestamp <= $3
+          AND user_id IS NOT NULL
+        GROUP BY user_id
+        ORDER BY count DESC
+        LIMIT $4
+        """,
+        [str(team.id), start, end, limit],
+    )
+
+    user_ids = [r["user_id"] for r in top_rows]
+
+    if not user_ids:
+        return TopUsersVolumeResponse(users=[], buckets=[])
+
+    # Step 2: bucket counts for only those user_ids
+    placeholders = ", ".join(f"${i}" for i in range(4, 4 + len(user_ids)))
+    rows = await conn.execute_query_dict(
+        f"""
+        SELECT {trunc} AS bucket, user_id, count(*) AS count
+        FROM logs
+        WHERE team_id = $1 AND timestamp >= $2 AND timestamp <= $3
+          AND user_id IN ({placeholders})
+        GROUP BY bucket, user_id
+        ORDER BY bucket, user_id
+        """,
+        [str(team.id), start, end, *user_ids],
+    )
+
+    buckets = [
+        TopUsersVolumeBucket(bucket=str(r["bucket"]), user_id=r["user_id"], count=r["count"])
+        for r in rows
+    ]
+
+    return TopUsersVolumeResponse(users=user_ids, buckets=buckets)
+
+
 @router.get("/{team_id}/analytics/heatmap", response_model=HeatmapResponse)
 async def analytics_heatmap(
     team_id: UUID,
diff --git a/backend/app/schemas/__init__.py b/backend/app/schemas/__init__.py
index 159fd8a..958f2ea 100644
--- a/backend/app/schemas/__init__.py
+++ b/backend/app/schemas/__init__.py
@@ -2,7 +2,7 @@
 from app.schemas.user import UserCreate, UserUpdate, UserResponse
 from app.schemas.team import TeamCreate, TeamUpdate, TeamResponse, TeamWithKey, MembershipCreate, MembershipResponse
 from app.schemas.log import LogCreate, LogBatchCreate, LogResponse, LogSearchParams, UserIdBackfillRequest, UserIdBackfillResponse
-from app.schemas.analytics import VolumeResponse, VolumeBucket, TopResponse, TopItem, HeatmapResponse, HeatmapCell
+from app.schemas.analytics import VolumeResponse, VolumeBucket, TopResponse, TopItem, HeatmapResponse, HeatmapCell, TopUsersVolumeResponse, TopUsersVolumeBucket
 
 __all__ = [
     "Token", "TokenPayload", "LoginRequest", "RefreshRequest",
@@ -11,4 +11,5 @@
     "LogCreate", "LogBatchCreate", "LogResponse", "LogSearchParams",
     "UserIdBackfillRequest", "UserIdBackfillResponse",
     "VolumeResponse", "VolumeBucket", "TopResponse", "TopItem", "HeatmapResponse", "HeatmapCell",
+    "TopUsersVolumeResponse", "TopUsersVolumeBucket",
 ]
diff --git a/backend/app/schemas/analytics.py b/backend/app/schemas/analytics.py
index 74a860b..6da6d8f 100644
--- a/backend/app/schemas/analytics.py
+++ b/backend/app/schemas/analytics.py
@@ -32,3 +32,14 @@ class HeatmapResponse(BaseModel):
     sources: list[str]
     levels: list[str]
     data: list[HeatmapCell]
+
+
+class TopUsersVolumeBucket(BaseModel):
+    bucket: str
+    user_id: str
+    count: int
+
+
+class TopUsersVolumeResponse(BaseModel):
+    users: list[str]
+    buckets: list[TopUsersVolumeBucket]
diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts
index 5126551..0bff80d 100644
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -139,3 +139,14 @@ export interface HeatmapResponse {
   levels: string[]
   data: HeatmapCell[]
 }
+
+export interface TopUsersVolumeBucket {
+  bucket: string
+  user_id: string
+  count: number
+}
+
+export interface TopUsersVolumeResponse {
+  users: string[]
+  buckets: TopUsersVolumeBucket[]
+}
diff --git a/frontend/src/composables/useAnalytics.ts b/frontend/src/composables/useAnalytics.ts
index 6542c38..09b1763 100644
--- a/frontend/src/composables/useAnalytics.ts
+++ b/frontend/src/composables/useAnalytics.ts
@@ -3,6 +3,7 @@ import api, {
   type VolumeResponse,
   type TopResponse,
   type HeatmapResponse,
+  type TopUsersVolumeResponse,
 } from '@/api/client'
 
 export interface TimeRange {
@@ -15,6 +16,7 @@ export function useAnalytics(teamId: string) {
   const topSources = ref<TopResponse | null>(null) as Ref<TopResponse | null>
   const topErrors = ref<TopResponse | null>(null) as Ref<TopResponse | null>
   const topUsers = ref<TopResponse | null>(null) as Ref<TopResponse | null>
+  const topUsersVolume = ref<TopUsersVolumeResponse | null>(null) as Ref<TopUsersVolumeResponse | null>
   const heatmap = ref<HeatmapResponse | null>(null) as Ref<HeatmapResponse | null>
   const loading = ref(false)
 
@@ -26,7 +28,7 @@ export function useAnalytics(teamId: string) {
     loading.value = true
     try {
       const params = rangeParams(range)
-      const [volRes, srcRes, errRes, usrRes, hmRes] = await Promise.all([
+      const [volRes, srcRes, errRes, usrRes, tuvRes, hmRes] = await Promise.all([
         api.get(`/teams/${teamId}/analytics/volume`, {
           params: { ...params, bucket, split_by: 'level' },
         }),
@@ -39,6 +41,9 @@ export function useAnalytics(teamId: string) {
         api.get(`/teams/${teamId}/analytics/top`, {
           params: { ...params, field: 'user_id' },
         }),
+        api.get(`/teams/${teamId}/analytics/top-users-volume`, {
+          params: { ...params, bucket },
+        }),
         api.get(`/teams/${teamId}/analytics/heatmap`, {
           params,
         }),
@@ -47,6 +52,7 @@ export function useAnalytics(teamId: string) {
       topSources.value = srcRes.data
       topErrors.value = errRes.data
       topUsers.value = usrRes.data
+      topUsersVolume.value = tuvRes.data
       heatmap.value = hmRes.data
     } catch (e) {
       console.error('Failed to fetch analytics:', e)
@@ -60,6 +66,7 @@ export function useAnalytics(teamId: string) {
     topSources,
     topErrors,
     topUsers,
+    topUsersVolume,
     heatmap,
     loading,
     fetchAll,
diff --git a/frontend/src/composables/useChartOptions.ts b/frontend/src/composables/useChartOptions.ts
index 8c27e74..e90e220 100644
--- a/frontend/src/composables/useChartOptions.ts
+++ b/frontend/src/composables/useChartOptions.ts
@@ -3,6 +3,7 @@ import type {
   VolumeResponse,
   TopResponse,
   HeatmapResponse,
+  TopUsersVolumeResponse,
 } from '@/api/client'
 
 const LEVEL_COLORS: Record<string, string> = {
@@ -23,11 +24,17 @@ function formatBucket(iso: string): string {
   return `${month}/${day} ${hour}:00`
 }
 
+const USER_COLORS = [
+  '#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de',
+  '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc', '#48b8d0',
+]
+
 export function useChartOptions(
   volume: Ref<VolumeResponse | null>,
   topSources: Ref<TopResponse | null>,
   topErrors: Ref<TopResponse | null>,
   topUsers: Ref<TopResponse | null>,
+  topUsersVolume: Ref<TopUsersVolumeResponse | null>,
   heatmap: Ref<HeatmapResponse | null>,
 ) {
 
@@ -182,7 +189,38 @@ export function useChartOptions(
     }
   })
 
-  // Chart 7: Source x Level heatmap
+  // Chart 7: Top users volume over time (multi-series line)
+  const topUsersVolumeOption = computed(() => {
+    const data = topUsersVolume.value
+    if (!data || data.buckets.length === 0) return null
+
+    const bucketSet = [...new Set(data.buckets.map(b => b.bucket))].sort()
+    const xLabels = bucketSet.map(formatBucket)
+
+    const series = data.users.map((userId, idx) => {
+      const counts = bucketSet.map(bucket => {
+        const entry = data.buckets.find(b => b.bucket === bucket && b.user_id === userId)
+        return entry?.count ?? 0
+      })
+      return {
+        name: userId,
+        type: 'line' as const,
+        data: counts,
+        itemStyle: { color: USER_COLORS[idx % USER_COLORS.length] },
+      }
+    })
+
+    return {
+      tooltip: { trigger: 'axis' },
+      legend: { data: data.users, top: 0, type: 'scroll' },
+      grid: { left: 50, right: 20, bottom: 40, top: 40 },
+      xAxis: { type: 'category', data: xLabels },
+      yAxis: { type: 'value' },
+      series,
+    }
+  })
+
+  // Chart 8: Source x Level heatmap
   const heatmapOption = computed(() => {
     const data = heatmap.value
     if (!data || data.data.length === 0) return null
@@ -236,6 +274,7 @@ export function useChartOptions(
     topSourcesOption,
     topErrorsData,
     topUsersOption,
+    topUsersVolumeOption,
     heatmapOption,
   }
 }
diff --git a/frontend/src/views/AnalyticsView.vue b/frontend/src/views/AnalyticsView.vue
index b26e707..9fb1833 100644
--- a/frontend/src/views/AnalyticsView.vue
+++ b/frontend/src/views/AnalyticsView.vue
@@ -7,6 +7,21 @@
       </v-btn>
       <h1 class="text-h4 ml-2">{{ teamName }} Analytics</h1>
       <v-spacer />
+      <v-menu :close-on-content-click="false">
+        <template #activator="{ props }">
+          <v-btn variant="tonal" prepend-icon="mdi-chart-bar" v-bind="props" class="mr-2">
+            Charts
+          </v-btn>
+        </template>
+        <v-list density="compact">
+          <v-list-item v-for="c in ALL_CHARTS" :key="c.id" @click="toggleChart(c.id)">
+            <template #prepend>
+              <v-checkbox-btn :model-value="!hiddenCharts.has(c.id)" readonly />
+            </template>
+            <v-list-item-title>{{ c.label }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
       <v-btn
         variant="tonal"
         prepend-icon="mdi-text-box-outline"
@@ -25,18 +40,26 @@
 
     <!-- Row 1: Volume + Donut -->
     <v-row class="mb-4">
-      <v-col cols="12" md="8">
+      <v-col v-if="!hiddenCharts.has('volume')" cols="12" md="8">
         <v-card>
-          <v-card-title class="text-subtitle-1">Log Volume Over Time</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Log Volume Over Time
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('volume')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="volumeChartOption" :option="volumeChartOption" autoresize style="height: 300px" />
             <div v-else class="text-center text-grey py-12">No data for this time range</div>
           </v-card-text>
         </v-card>
       </v-col>
-      <v-col cols="12" md="4">
+      <v-col v-if="!hiddenCharts.has('levelDonut')" cols="12" md="4">
         <v-card>
-          <v-card-title class="text-subtitle-1">Level Breakdown</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Level Breakdown
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('levelDonut')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="levelDonutOption" :option="levelDonutOption" autoresize style="height: 300px" />
             <div v-else class="text-center text-grey py-12">No data</div>
@@ -47,18 +70,26 @@
 
     <!-- Row 2: Error Rate + Top Sources -->
     <v-row class="mb-4">
-      <v-col cols="12" md="6">
+      <v-col v-if="!hiddenCharts.has('errorRate')" cols="12" md="6">
         <v-card>
-          <v-card-title class="text-subtitle-1">Error Rate Over Time</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Error Rate Over Time
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('errorRate')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="errorRateChartOption" :option="errorRateChartOption" autoresize style="height: 300px" />
             <div v-else class="text-center text-grey py-12">No data</div>
           </v-card-text>
         </v-card>
       </v-col>
-      <v-col cols="12" md="6">
+      <v-col v-if="!hiddenCharts.has('topSources')" cols="12" md="6">
         <v-card>
-          <v-card-title class="text-subtitle-1">Top Sources</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Top Sources
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('topSources')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="topSourcesOption" :option="topSourcesOption" autoresize style="height: 300px" />
             <div v-else class="text-center text-grey py-12">No data</div>
@@ -69,9 +100,13 @@
 
     <!-- Row 3: Top Errors Table + Top Users -->
     <v-row class="mb-4">
-      <v-col cols="12" md="6">
+      <v-col v-if="!hiddenCharts.has('topErrors')" cols="12" md="6">
         <v-card>
-          <v-card-title class="text-subtitle-1">Top Error Messages</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Top Error Messages
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('topErrors')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <v-table v-if="topErrorsData.length > 0" density="compact">
               <thead>
@@ -91,9 +126,13 @@
           </v-card-text>
         </v-card>
       </v-col>
-      <v-col cols="12" md="6">
+      <v-col v-if="!hiddenCharts.has('topUsers')" cols="12" md="6">
         <v-card>
-          <v-card-title class="text-subtitle-1">Logs per User</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Logs per User
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('topUsers')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="topUsersOption" :option="topUsersOption" autoresize style="height: 300px" />
             <div v-else class="text-center text-grey py-12">No user data</div>
@@ -102,11 +141,32 @@
       </v-col>
     </v-row>
 
-    <!-- Row 4: Heatmap -->
-    <v-row class="mb-4">
+    <!-- Row 4: Top Users Volume Over Time -->
+    <v-row v-if="!hiddenCharts.has('topUsersVolume')" class="mb-4">
+      <v-col cols="12">
+        <v-card>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Top Users Volume Over Time
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('topUsersVolume')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
+          <v-card-text>
+            <VChart v-if="topUsersVolumeOption" :option="topUsersVolumeOption" autoresize style="height: 300px" />
+            <div v-else class="text-center text-grey py-12">No user data</div>
+          </v-card-text>
+        </v-card>
+      </v-col>
+    </v-row>
+
+    <!-- Row 5: Heatmap -->
+    <v-row v-if="!hiddenCharts.has('heatmap')" class="mb-4">
       <v-col cols="12">
         <v-card>
-          <v-card-title class="text-subtitle-1">Source x Level Heatmap</v-card-title>
+          <v-card-title class="d-flex align-center text-subtitle-1">
+            Source x Level Heatmap
+            <v-spacer />
+            <v-btn icon variant="text" size="x-small" @click="hideChart('heatmap')"><v-icon>mdi-close</v-icon></v-btn>
+          </v-card-title>
           <v-card-text>
             <VChart v-if="heatmapOption" :option="heatmapOption" autoresize :style="{ height: heatmapHeight }" />
             <div v-else class="text-center text-grey py-12">No data</div>
@@ -118,7 +178,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, reactive, computed, watch, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import api from '@/api/client'
 import { VChart } from '@/plugins/echarts'
@@ -133,11 +193,55 @@ const teamId = route.params.teamId as string
 const teamName = ref('')
 const picker = ref<InstanceType<typeof TimeRangePicker> | null>(null)
 
+// -- Closable charts --
+const ALL_CHARTS = [
+  { id: 'volume', label: 'Log Volume Over Time' },
+  { id: 'levelDonut', label: 'Level Breakdown' },
+  { id: 'errorRate', label: 'Error Rate Over Time' },
+  { id: 'topSources', label: 'Top Sources' },
+  { id: 'topErrors', label: 'Top Error Messages' },
+  { id: 'topUsers', label: 'Logs per User' },
+  { id: 'topUsersVolume', label: 'Top Users Volume Over Time' },
+  { id: 'heatmap', label: 'Source x Level Heatmap' },
+] as const
+
+type ChartId = typeof ALL_CHARTS[number]['id']
+
+const storageKey = `simplelogs-hidden-charts-${teamId}`
+
+function loadHidden(): Set<ChartId> {
+  try {
+    const raw = localStorage.getItem(storageKey)
+    if (raw) return new Set(JSON.parse(raw) as ChartId[])
+  } catch { /* ignore */ }
+  return new Set()
+}
+
+const hiddenCharts = reactive(loadHidden())
+
+watch(() => [...hiddenCharts], (ids) => {
+  localStorage.setItem(storageKey, JSON.stringify(ids))
+})
+
+function hideChart(id: ChartId) {
+  hiddenCharts.add(id)
+}
+
+function toggleChart(id: ChartId) {
+  if (hiddenCharts.has(id)) {
+    hiddenCharts.delete(id)
+  } else {
+    hiddenCharts.add(id)
+  }
+}
+
+// -- Analytics data --
 const {
   volume,
   topSources,
   topErrors,
   topUsers,
+  topUsersVolume,
   heatmap,
   loading,
   fetchAll,
@@ -150,8 +254,9 @@ const {
   topSourcesOption,
   topErrorsData,
   topUsersOption,
+  topUsersVolumeOption,
   heatmapOption,
-} = useChartOptions(volume, topSources, topErrors, topUsers, heatmap)
+} = useChartOptions(volume, topSources, topErrors, topUsers, topUsersVolume, heatmap)
 
 const heatmapHeight = computed(() => {
   const sources = heatmap.value?.sources.length ?? 0