diff --git a/config/webpack/webpack-js.ts b/config/webpack/webpack-js.ts
index 5c88861e8..1fd7741ae 100644
--- a/config/webpack/webpack-js.ts
+++ b/config/webpack/webpack-js.ts
@@ -28,6 +28,7 @@ export const jsWebpackConfig: Configuration = {
 		'edit': { import: `${SOURCE_DIR}/edit.ts`, dependOn: 'editor' },
 		'editor': `${SOURCE_DIR}/editor.ts`,
 		'import': `${SOURCE_DIR}/import.ts`,
+		'insights': `${SOURCE_DIR}/insights.ts`,
 		'manage': `${SOURCE_DIR}/manage.ts`,
 		'mce': `${SOURCE_DIR}/mce.ts`,
 		'prism': `${SOURCE_DIR}/prism.ts`,
diff --git a/src/css/insights.scss b/src/css/insights.scss
new file mode 100644
index 000000000..e2542c5ea
--- /dev/null
+++ b/src/css/insights.scss
@@ -0,0 +1,211 @@
+@use 'common/theme';
+@use 'common/toolbar';
+@use 'common/wp-admin';
+
+.code-snippets-insights {
+	margin-block: 50px;
+	margin-inline: auto;
+	color: #2c3337;
+
+	h1 {
+		padding: 0;
+		margin: 0;
+		font-size: 32px;
+		font-weight: 510;
+		line-height: 1.25;
+	}
+}
+
+.insights-chart-grid {
+	display: grid;
+	gap: 16px;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	margin-block: 16px;
+}
+
+.insights-chart-card {
+	box-sizing: border-box;
+	border: 1px solid #dcdcde;
+	border-radius: 8px;
+	background: #fff;
+	padding: 24px;
+
+	.insights-chart-card-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 16px;
+		margin-block-end: 20px;
+	}
+
+	h2 {
+		margin: 0;
+		font-size: 18px;
+	}
+}
+
+.insights-number-chart {
+	display: grid;
+	gap: 4px;
+	justify-items: center;
+	padding-block: 12px;
+	text-align: center;
+}
+
+.insights-number-chart-value {
+	font-size: 140px;
+	font-variant-numeric: tabular-nums;
+	line-height: 1;
+}
+
+.insights-number-chart-label {
+	color: #646970;
+	font-size: 13px;
+}
+
+.insights-chart-view-toggle {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+
+	.insights-chart-view-toggle-option {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		inline-size: 26px;
+		block-size: 26px;
+		box-sizing: border-box;
+		padding: 0;
+		margin: 0;
+		background: #f0f0f1;
+		color: #646970;
+		border: none;
+		border-radius: 4.5px;
+		cursor: pointer;
+
+		> .dashicons {
+			font-size: 18px;
+		}
+
+		&:hover,
+		&:focus {
+			color: #2c3337;
+		}
+
+		&:focus-visible {
+			outline: 2px solid theme.$accent;
+			outline-offset: -2px;
+		}
+
+		&:focus:not(:focus-visible) {
+			outline: none;
+		}
+
+		&.active-view {
+			background: theme.$accent;
+			color: #fff;
+
+			&:hover,
+			&:focus {
+				color: #fff;
+			}
+		}
+	}
+}
+
+.insights-bar-chart,
+.insights-pie-chart-legend {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+.insights-bar-chart {
+	display: grid;
+	gap: 10px;
+
+	li {
+		display: grid;
+		grid-template-columns: minmax(110px, 1fr) minmax(80px, 3fr) auto;
+		align-items: center;
+		gap: 10px;
+		margin: 0;
+	}
+
+	strong {
+		min-inline-size: 2ch;
+		text-align: end;
+	}
+}
+
+.insights-bar-track {
+	overflow: hidden;
+	block-size: 10px;
+	border-radius: 999px;
+	background: #e2e5e5;
+}
+
+.insights-bar-fill {
+	block-size: 100%;
+	border-radius: inherit;
+}
+
+.insights-pie-chart-content {
+	display: flex;
+	align-items: center;
+	gap: 24px;
+}
+
+.insights-pie-chart {
+	position: relative;
+	flex: 0 0 auto;
+	inline-size: 112px;
+	block-size: 112px;
+	border-radius: 50%;
+	background: #e2e5e5;
+
+	&::after {
+		position: absolute;
+		inset: 25px;
+		border-radius: 50%;
+		background: #fff;
+		content: '';
+	}
+}
+
+.insights-pie-chart-legend {
+	display: grid;
+	gap: 12px;
+	inline-size: 100%;
+
+	li {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		gap: 16px;
+		margin: 0;
+	}
+
+	span {
+		display: flex;
+		align-items: center;
+	}
+
+	i {
+		display: inline-block;
+		inline-size: 10px;
+		block-size: 10px;
+		border-radius: 50%;
+		margin-inline-end: 8px;
+	}
+}
+
+@media (width <= 782px) {
+	.insights-chart-grid {
+		grid-template-columns: 1fr;
+	}
+
+	.insights-bar-chart li {
+		grid-template-columns: minmax(90px, 1fr) minmax(64px, 2fr) auto;
+	}
+}
diff --git a/src/js/components/EditMenu/SnippetForm/fields/SnippetLocationInput.tsx b/src/js/components/EditMenu/SnippetForm/fields/SnippetLocationInput.tsx
index 9eac9bb8b..bd29379f1 100644
--- a/src/js/components/EditMenu/SnippetForm/fields/SnippetLocationInput.tsx
+++ b/src/js/components/EditMenu/SnippetForm/fields/SnippetLocationInput.tsx
@@ -3,40 +3,10 @@ import React, { useId } from 'react'
 import Select from 'react-select'
 import { useSnippetForm } from '../WithSnippetFormContext'
 import { SNIPPET_TYPE_SCOPES } from '../../../../types/Snippet'
-import { getSnippetType, isCondition } from '../../../../utils/snippets/snippets'
+import { SNIPPET_SCOPE_DESCRIPTIONS, SNIPPET_SCOPE_ICONS, getSnippetType, isCondition } from '../../../../utils/snippets/snippets'
 import type { SnippetCodeScope } from '../../../../types/Snippet'
 import type { SelectOption } from '../../../../types/SelectOption'
 
-const SCOPE_ICONS: Record<SnippetCodeScope, string> = {
-	'global': 'admin-site',
-	'admin': 'admin-tools',
-	'front-end': 'admin-appearance',
-	'single-use': 'clock',
-	'content': 'shortcode',
-	'head-content': 'editor-code',
-	'body-content': 'editor-code',
-	'footer-content': 'editor-code',
-	'admin-css': 'dashboard',
-	'site-css': 'admin-customizer',
-	'site-head-js': 'media-code',
-	'site-footer-js': 'media-code'
-}
-
-const SCOPE_DESCRIPTIONS: Record<SnippetCodeScope, string> = {
-	'global': __('Run everywhere', 'code-snippets'),
-	'admin': __('Only run in administration area', 'code-snippets'),
-	'front-end': __('Only run on site front-end', 'code-snippets'),
-	'single-use': __('Only run once', 'code-snippets'),
-	'content': __('Where inserted in editor', 'code-snippets'),
-	'head-content': __('In site header (<head> section)', 'code-snippets'),
-	'body-content': __('In site content (start of <body>)', 'code-snippets'),
-	'footer-content': __('In site footer (end of <body>)', 'code-snippets'),
-	'site-css': __('Site front-end', 'code-snippets'),
-	'admin-css': __('Administration area', 'code-snippets'),
-	'site-head-js': __('In site header (<head> section)', 'code-snippets'),
-	'site-footer-js': __('In site footer (end of <body>)', 'code-snippets')
-}
-
 export const SnippetLocationInput: React.FC = () => {
 	const { snippet, setSnippet, isReadOnly } = useSnippetForm()
 	const locationId = useId()
@@ -46,7 +16,7 @@ export const SnippetLocationInput: React.FC = () => {
 		.map(scope => ({
 			key: scope,
 			value: scope,
-			label: SCOPE_DESCRIPTIONS[scope]
+			label: SNIPPET_SCOPE_DESCRIPTIONS[scope]
 		}))
 
 	return isCondition(snippet)
@@ -69,7 +39,7 @@ export const SnippetLocationInput: React.FC = () => {
 				value={options.find(option => option.value === snippet.scope)}
 				formatOptionLabel={({ label, value }) =>
 					<>
-						<span className={`dashicons dashicons-${SCOPE_ICONS[value]}`} aria-hidden="true"></span>{` ${label}`}
+						<span className={`dashicons dashicons-${SNIPPET_SCOPE_ICONS[value]}`} aria-hidden="true"></span>{` ${label}`}
 					</>
 				}
 				onChange={option =>
diff --git a/src/js/components/InsightsMenu/InsightsChartViewToggle.tsx b/src/js/components/InsightsMenu/InsightsChartViewToggle.tsx
new file mode 100644
index 000000000..56fe17ee5
--- /dev/null
+++ b/src/js/components/InsightsMenu/InsightsChartViewToggle.tsx
@@ -0,0 +1,39 @@
+import { __, sprintf } from '@wordpress/i18n'
+import classnames from 'classnames'
+import React from 'react'
+import type { InsightsChartView } from '../../types/Insights'
+
+export interface InsightsChartViewToggleProps {
+	title: string
+	view: InsightsChartView
+	setView: (view: InsightsChartView) => void
+}
+
+export const InsightsChartViewToggle: React.FC<InsightsChartViewToggleProps> = ({ title, view, setView }) =>
+	<div
+		className="insights-chart-view-toggle"
+		role="group"
+		aria-label={sprintf(__('%s chart view', 'code-snippets'), title)}
+	>
+		<button
+			type="button"
+			className={classnames('insights-chart-view-toggle-option', { 'active-view': 'pie' === view })}
+			aria-pressed={'pie' === view}
+			title={__('Switch to pie chart view', 'code-snippets')}
+			onClick={() => setView('pie')}
+		>
+			<span className="dashicons dashicons-chart-pie" aria-hidden="true" />
+			<span className="screen-reader-text">{__('Pie chart view', 'code-snippets')}</span>
+		</button>
+
+		<button
+			type="button"
+			className={classnames('insights-chart-view-toggle-option', { 'active-view': 'bar' === view })}
+			aria-pressed={'bar' === view}
+			title={__('Switch to bar chart view', 'code-snippets')}
+			onClick={() => setView('bar')}
+		>
+			<span className="dashicons dashicons-chart-bar" aria-hidden="true" />
+			<span className="screen-reader-text">{__('Bar chart view', 'code-snippets')}</span>
+		</button>
+	</div>
diff --git a/src/js/components/InsightsMenu/InsightsCharts.tsx b/src/js/components/InsightsMenu/InsightsCharts.tsx
new file mode 100644
index 000000000..eee246f2d
--- /dev/null
+++ b/src/js/components/InsightsMenu/InsightsCharts.tsx
@@ -0,0 +1,154 @@
+import classnames from 'classnames'
+import React from 'react'
+import { InsightsChartViewToggle } from './InsightsChartViewToggle'
+import type { InsightsChartEntry, InsightsChartKey, InsightsChartView } from '../../types/Insights'
+import type { SnippetCodeScope, SnippetType } from '../../types/Snippet'
+
+const PERCENTAGE_MAX = 100
+
+export const INSIGHTS_TYPE_COLORS: Readonly<Record<SnippetType, string>> = {
+	php: '#2271b1',
+	html: '#cd4510',
+	css: '#9b59b6',
+	js: '#f7d67a',
+	cond: '#22826f'
+}
+
+export const INSIGHTS_ACTIVATION_COLORS: Readonly<Record<string, string>> = {
+	active: '#118822',
+	inactive: '#cd4510'
+}
+
+export const INSIGHTS_LOCATION_COLORS: Readonly<Record<SnippetCodeScope, string>> = {
+	'global': '#ff9800',
+	'admin': '#03c7d2',
+	'front-end': '#d46f4d',
+	'single-use': '#00bcd4',
+	'content': '#2271b1',
+	'head-content': '#5865f2',
+	'body-content': '#3b5998',
+	'footer-content': '#9b59b6',
+	'admin-css': '#22826f',
+	'site-css': '#cd4510',
+	'site-head-js': '#f7d67a',
+	'site-footer-js': '#2b71a3'
+}
+
+interface InsightsChartProps {
+	chart: InsightsChartKey
+	entries: Readonly<Record<string, InsightsChartEntry>>
+	title: string
+	view: InsightsChartView
+	setView?: (view: InsightsChartView) => void
+	colors: Readonly<Record<string, string>>
+	total?: InsightsChartEntry
+}
+
+const getCount = (entry: InsightsChartEntry): number => Number(entry.count)
+
+const getLargestCount = (entries: Readonly<Record<string, InsightsChartEntry>>): number =>
+	Math.max(1, ...Object.values(entries).map(getCount))
+
+const getColor = (colors: Readonly<Record<string, string>>, key: string): string =>
+	colors[key] ?? '#646970'
+
+const getTotalCount = (entries: Readonly<Record<string, InsightsChartEntry>>): number =>
+	Object.values(entries).reduce((count, entry) => count + getCount(entry), 0)
+
+const getPieBackground = (
+	entries: Readonly<Record<string, InsightsChartEntry>>,
+	colors: Readonly<Record<string, string>>,
+	totalCount: number
+): string => {
+	if (0 === totalCount) {
+		return '#e2e5e5'
+	}
+
+	let start = 0
+	const segments = Object.entries(entries)
+		.filter(([, entry]) => 0 < getCount(entry))
+		.map(([key, entry]) => {
+			const end = start + getCount(entry) / totalCount * PERCENTAGE_MAX
+			const segment = `${getColor(colors, key)} ${start}% ${end}%`
+
+			start = end
+			return segment
+		})
+
+	return `conic-gradient(${segments.join(', ')})`
+}
+
+interface BarChartProps extends Pick<InsightsChartProps, 'colors' | 'entries'> {
+	largestCount: number
+}
+
+const BarChart: React.FC<BarChartProps> = ({ colors, entries, largestCount }) =>
+	<ul className="insights-bar-chart">
+		{Object.entries(entries).map(([key, entry]) =>
+			<li key={key}>
+				<span>{entry.label}</span>
+				<div className="insights-bar-track" aria-hidden="true">
+					<div
+						className="insights-bar-fill"
+						style={{
+							backgroundColor: getColor(colors, key),
+							inlineSize: `${getCount(entry) / largestCount * PERCENTAGE_MAX}%`
+						}}
+					/>
+				</div>
+				<strong>{entry.count}</strong>
+			</li>)}
+	</ul>
+
+interface PieChartProps extends Pick<InsightsChartProps, 'colors' | 'entries'> {
+	totalCount: number
+}
+
+const PieChart: React.FC<PieChartProps> = ({ colors, entries, totalCount }) =>
+	<div className="insights-pie-chart-content">
+		<div
+			className={classnames('insights-pie-chart', { 'is-empty': 0 === totalCount })}
+			aria-hidden="true"
+			style={0 === totalCount ? undefined : { background: getPieBackground(entries, colors, totalCount) }}
+		/>
+		<ul className="insights-pie-chart-legend">
+			{Object.entries(entries).map(([key, entry]) =>
+				<li key={key}>
+					<span>
+						<i aria-hidden="true" style={{ backgroundColor: getColor(colors, key) }} />
+						{entry.label}
+					</span>
+					<strong>{entry.count}</strong>
+				</li>)}
+		</ul>
+	</div>
+
+export const InsightsChart: React.FC<InsightsChartProps> = ({
+	chart,
+	colors,
+	entries,
+	setView,
+	title,
+	total,
+	view
+}) => {
+	const largestCount = getLargestCount(entries)
+	const totalCount = getTotalCount(entries)
+
+	return <section className="insights-chart-card" data-insights-chart={chart} data-view={total ? undefined : view}>
+		{total
+			? <div className="insights-number-chart">
+				<strong className="insights-number-chart-value">{total.count}</strong>
+				<span className="insights-number-chart-label">{total.label}</span>
+			</div>
+			: <>
+				<div className="insights-chart-card-header">
+					<h2>{title}</h2>
+					{setView && <InsightsChartViewToggle title={title} view={view} setView={setView} />}
+				</div>
+				{'bar' === view
+					? <BarChart colors={colors} entries={entries} largestCount={largestCount} />
+					: <PieChart colors={colors} entries={entries} totalCount={totalCount} />}
+			</>}
+	</section>
+}
diff --git a/src/js/components/InsightsMenu/InsightsDashboard.tsx b/src/js/components/InsightsMenu/InsightsDashboard.tsx
new file mode 100644
index 000000000..4af3a52b5
--- /dev/null
+++ b/src/js/components/InsightsMenu/InsightsDashboard.tsx
@@ -0,0 +1,106 @@
+import { __ } from '@wordpress/i18n'
+import React from 'react'
+import { useInsightsChartViews } from '../../hooks/useInsightsChartViews'
+import { SNIPPET_SCOPE_DESCRIPTIONS } from '../../utils/snippets/snippets'
+import { INSIGHTS_ACTIVATION_COLORS, INSIGHTS_LOCATION_COLORS, INSIGHTS_TYPE_COLORS, InsightsChart } from './InsightsCharts'
+import type { InsightsChartDefinition, InsightsChartEntry, InsightsSummary } from '../../types/Insights'
+import type { UseInsightsChartViews } from '../../hooks/useInsightsChartViews'
+import type { SnippetCodeScope } from '../../types/Snippet'
+
+interface InsightsDashboardProps {
+	summary: InsightsSummary
+}
+
+interface InsightsChartDefinitionsProps {
+	chartViews: UseInsightsChartViews['chartViews']
+	setChartView: UseInsightsChartViews['setChartView']
+	summary: InsightsSummary
+}
+
+const getTotalChartDefinition = (summary: InsightsSummary): InsightsChartDefinition => ({
+	key: 'total',
+	title: __('Total snippets', 'code-snippets'),
+	entries: {},
+	colors: {},
+	view: 'bar',
+	total: {
+		label: __('Total snippets', 'code-snippets'),
+		count: Number(summary.active) + Number(summary.inactive)
+	}
+})
+
+const getChartDefinitions = ({
+	chartViews,
+	setChartView,
+	summary
+}: InsightsChartDefinitionsProps): readonly InsightsChartDefinition[] => {
+	const activationEntries = {
+		active: { label: __('Active', 'code-snippets'), count: summary.active },
+		inactive: { label: __('Inactive', 'code-snippets'), count: summary.inactive }
+	}
+	const locationEntries: Record<string, InsightsChartEntry> = Object.fromEntries(
+		Object.entries(summary.locationCounts).map(([scope, count]) =>
+			[scope, { label: SNIPPET_SCOPE_DESCRIPTIONS[scope as SnippetCodeScope], count }])
+	)
+	return [
+		getTotalChartDefinition(summary),
+		{
+			key: 'type',
+			title: __('Snippet type', 'code-snippets'),
+			entries: summary.typeCounts,
+			colors: INSIGHTS_TYPE_COLORS,
+			view: chartViews.type,
+			setView: view => setChartView('type', view)
+		},
+		{
+			key: 'activation',
+			title: __('Activation status', 'code-snippets'),
+			entries: activationEntries,
+			colors: INSIGHTS_ACTIVATION_COLORS,
+			view: chartViews.activation,
+			setView: view => setChartView('activation', view)
+		},
+		{
+			key: 'location',
+			title: __('Location', 'code-snippets'),
+			entries: locationEntries,
+			colors: INSIGHTS_LOCATION_COLORS,
+			view: chartViews.location,
+			setView: view => setChartView('location', view)
+		},
+		{
+			key: 'tags',
+			title: __('Tags', 'code-snippets'),
+			entries: summary.tagCounts,
+			colors: {},
+			view: 'bar'
+		}
+	]
+}
+
+export const InsightsDashboard: React.FC<InsightsDashboardProps> = ({ summary }) => {
+	const { chartViews, setChartView } = useInsightsChartViews()
+	const chartDefinitions = getChartDefinitions({ chartViews, setChartView, summary })
+
+	return <>
+		<div className="snippets-page-header">
+			<h1>{__('Insights', 'code-snippets')}</h1>
+		</div>
+
+		<hr className="wp-header-end"></hr>
+
+		<section className="insights-chart-grid">
+			{chartDefinitions.map(({ colors, entries, key, setView, title, total, view }) =>
+				<InsightsChart
+					key={key}
+					chart={key}
+					title={title}
+					entries={entries}
+					view={view}
+					setView={setView}
+					colors={colors}
+					total={total}
+				/>) }
+		</section>
+	</>
+}
diff --git a/src/js/components/InsightsMenu/InsightsMenu.tsx b/src/js/components/InsightsMenu/InsightsMenu.tsx
new file mode 100644
index 000000000..af73d7e36
--- /dev/null
+++ b/src/js/components/InsightsMenu/InsightsMenu.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { WithRestAPIContext } from '../../hooks/useRestAPI'
+import { Toolbar } from '../common/Toolbar'
+import { InsightsDashboard } from './InsightsDashboard'
+
+export const InsightsMenu: React.FC = () => {
+	const summary = window.CODE_SNIPPETS_INSIGHTS
+
+	return (
+		<>
+			<Toolbar />
+			{summary && <div className="code-snippets-insights">
+				<WithRestAPIContext>
+					<InsightsDashboard summary={summary} />
+				</WithRestAPIContext>
+			</div>}
+		</>
+	)
+}
diff --git a/src/js/components/common/Toolbar.tsx b/src/js/components/common/Toolbar.tsx
index 8e4c8fddf..b31e0a5e2 100644
--- a/src/js/components/common/Toolbar.tsx
+++ b/src/js/components/common/Toolbar.tsx
@@ -34,6 +34,12 @@ const UPPER_NAV_LINKS: readonly NavLink[] = [
 		label: __('Cloud Dashboard', 'code-snippets'),
 		external: true
 	},
+	{
+		name: 'insights',
+		url: window.CODE_SNIPPETS?.urls.insights,
+		label: __('Insights', 'code-snippets'),
+		pageSlug: 'code-snippets-insights'
+	},
 	{
 		name: 'welcome',
 		url: window.CODE_SNIPPETS?.urls.welcome,
diff --git a/src/js/entries/insights.ts b/src/js/entries/insights.ts
new file mode 100644
index 000000000..473c6b2a0
--- /dev/null
+++ b/src/js/entries/insights.ts
@@ -0,0 +1,4 @@
+import { InsightsMenu } from '../components/InsightsMenu/InsightsMenu'
+import { loadComponent } from '../utils/bootstrap'
+
+loadComponent('code-snippets-insights-container', InsightsMenu)
diff --git a/src/js/hooks/useInsightsChartViews.ts b/src/js/hooks/useInsightsChartViews.ts
new file mode 100644
index 000000000..8dd4b252d
--- /dev/null
+++ b/src/js/hooks/useInsightsChartViews.ts
@@ -0,0 +1,33 @@
+import { useCallback, useState } from 'react'
+import { DEFAULT_INSIGHTS_CHART_VIEWS } from '../types/Insights'
+import { REST_BASES } from '../utils/restAPI'
+import { useRestAPI } from './useRestAPI'
+import type { InsightsChartView, InsightsChartViews, InsightsConfigurableChartKey } from '../types/Insights'
+
+export interface UseInsightsChartViews {
+	chartViews: InsightsChartViews
+	setChartView: (chart: InsightsConfigurableChartKey, view: InsightsChartView) => void
+}
+
+export const useInsightsChartViews = (): UseInsightsChartViews => {
+	const { api } = useRestAPI()
+	const [chartViews, setChartViews] = useState<InsightsChartViews>(
+		() => window.CODE_SNIPPETS?.insightsChartViews ?? DEFAULT_INSIGHTS_CHART_VIEWS
+	)
+
+	const setChartView = useCallback((chart: InsightsConfigurableChartKey, view: InsightsChartView) => {
+		const previousViews = chartViews
+		const views = { ...previousViews, [chart]: view }
+
+		setChartViews(views)
+		api.post<{ views: InsightsChartViews }, { views: InsightsChartViews }>(
+			`${REST_BASES.preferences}/insights-chart-views`,
+			{ views }
+		).catch((error: unknown) => {
+			setChartViews(currentViews => currentViews === views ? previousViews : currentViews)
+			console.error(error)
+		})
+	}, [api, chartViews])
+
+	return { chartViews, setChartView }
+}
diff --git a/src/js/types/Insights.ts b/src/js/types/Insights.ts
new file mode 100644
index 000000000..33ce958d8
--- /dev/null
+++ b/src/js/types/Insights.ts
@@ -0,0 +1,42 @@
+export const INSIGHTS_CHART_KEYS = <const> ['total', 'type', 'activation', 'location', 'tags']
+
+export type InsightsChartKey = typeof INSIGHTS_CHART_KEYS[number]
+
+export const INSIGHTS_CONFIGURABLE_CHART_KEYS = <const> ['type', 'activation', 'location']
+
+export type InsightsConfigurableChartKey = typeof INSIGHTS_CONFIGURABLE_CHART_KEYS[number]
+
+export const INSIGHTS_CHART_VIEWS = <const> ['pie', 'bar']
+
+export type InsightsChartView = typeof INSIGHTS_CHART_VIEWS[number]
+
+export type InsightsChartViews = Readonly<Record<InsightsConfigurableChartKey, InsightsChartView>>
+
+export const DEFAULT_INSIGHTS_CHART_VIEWS: InsightsChartViews = {
+	type: 'bar',
+	activation: 'pie',
+	location: 'bar'
+}
+
+export interface InsightsChartEntry {
+	readonly label: string
+	readonly count: number | string
+}
+
+export interface InsightsChartDefinition {
+	readonly key: InsightsChartKey
+	readonly title: string
+	readonly entries: Readonly<Record<string, InsightsChartEntry>>
+	readonly colors: Readonly<Record<string, string>>
+	readonly view: InsightsChartView
+	readonly setView?: (view: InsightsChartView) => void
+	readonly total?: InsightsChartEntry
+}
+
+export interface InsightsSummary {
+	readonly active: number | string
+	readonly inactive: number | string
+	readonly typeCounts: Readonly<Record<string, InsightsChartEntry>>
+	readonly locationCounts: Readonly<Record<string, number>>
+	readonly tagCounts: Readonly<Record<string, InsightsChartEntry>>
+}
diff --git a/src/js/types/Window.ts b/src/js/types/Window.ts
index 2d8b084a4..a2d2b626c 100644
--- a/src/js/types/Window.ts
+++ b/src/js/types/Window.ts
@@ -2,6 +2,7 @@ import type { SnippetSchema } from './schema/SnippetSchema'
 import type { ChangelogSchema, ImageLinkSchema } from './schema/WelcomeSchema'
 import type Prism from 'prismjs'
 import type tinymce from 'tinymce'
+import type { InsightsChartViews, InsightsSummary } from './Insights'
 import type { Snippet } from './Snippet'
 import type { SnippetView } from './SnippetView'
 import type { CodeEditorInstance, EditorOption, WordPressCodeEditor } from './vendor/WordPressCodeEditor'
@@ -26,6 +27,7 @@ declare global {
 			hideUpsell: boolean
 			isCloudConnected: boolean
 			snippetView: SnippetView
+			insightsChartViews: InsightsChartViews
 			restAPI: {
 				base: string
 				snippets: string
@@ -44,6 +46,7 @@ declare global {
 				manage: string
 				addNew: string
 				edit: string
+				insights: string
 				welcome: string
 				import: string
 				settings: string
@@ -102,5 +105,6 @@ declare global {
 			features: ImageLinkSchema[]
 			partners: ImageLinkSchema[]
 		}
+		readonly CODE_SNIPPETS_INSIGHTS?: InsightsSummary
 	}
 }
diff --git a/src/js/utils/snippets/snippets.ts b/src/js/utils/snippets/snippets.ts
index cf5584772..0bc5d6542 100644
--- a/src/js/utils/snippets/snippets.ts
+++ b/src/js/utils/snippets/snippets.ts
@@ -4,7 +4,7 @@ import { buildUrl } from '../urls'
 import { parseSnippetObject } from './objects'
 import type { CloudSnippetSchema } from '../../types/schema/CloudSnippetSchema'
 import type { SnippetSchema } from '../../types/schema/SnippetSchema'
-import type { Snippet, SnippetScope, SnippetType } from '../../types/Snippet'
+import type { Snippet, SnippetCodeScope, SnippetScope, SnippetType } from '../../types/Snippet'
 
 const PRO_TYPES = new Set<SnippetType>(['css', 'js', 'cond'])
 
@@ -16,6 +16,36 @@ export const SNIPPET_TYPE_LABELS: Record<SnippetType, string> = {
 	cond: __('Conditions', 'code-snippets')
 }
 
+export const SNIPPET_SCOPE_ICONS: Record<SnippetCodeScope, string> = {
+	'global': 'admin-site',
+	'admin': 'admin-tools',
+	'front-end': 'admin-appearance',
+	'single-use': 'clock',
+	'content': 'shortcode',
+	'head-content': 'editor-code',
+	'body-content': 'editor-code',
+	'footer-content': 'editor-code',
+	'admin-css': 'dashboard',
+	'site-css': 'admin-customizer',
+	'site-head-js': 'media-code',
+	'site-footer-js': 'media-code'
+}
+
+export const SNIPPET_SCOPE_DESCRIPTIONS: Record<SnippetCodeScope, string> = {
+	'global': __('Run everywhere', 'code-snippets'),
+	'admin': __('Only run in administration area', 'code-snippets'),
+	'front-end': __('Only run on site front-end', 'code-snippets'),
+	'single-use': __('Only run once', 'code-snippets'),
+	'content': __('Where inserted in editor', 'code-snippets'),
+	'head-content': __('In site header (<head> section)', 'code-snippets'),
+	'body-content': __('In site content (start of <body>)', 'code-snippets'),
+	'footer-content': __('In site footer (end of <body>)', 'code-snippets'),
+	'site-css': __('Site front-end', 'code-snippets'),
+	'admin-css': __('Administration area', 'code-snippets'),
+	'site-head-js': __('In site header (<head> section)', 'code-snippets'),
+	'site-footer-js': __('In site footer (end of <body>)', 'code-snippets')
+}
+
 export const createSnippetObject = (fields?: Partial<Snippet> | Partial<SnippetSchema>): Snippet =>
 	parseSnippetObject(fields)
 
diff --git a/src/php/Admin/Bootstrap_Admin.php b/src/php/Admin/Bootstrap_Admin.php
index 54efb0a45..5907efab3 100644
--- a/src/php/Admin/Bootstrap_Admin.php
+++ b/src/php/Admin/Bootstrap_Admin.php
@@ -4,6 +4,7 @@
 
 use Code_Snippets\Admin\Menus\Admin_Menu;
 use Code_Snippets\Admin\Menus\Edit_Menu;
+use Code_Snippets\Admin\Menus\Insights\Insights_Menu;
 use Code_Snippets\Admin\Menus\Import_Menu;
 use Code_Snippets\Admin\Menus\Manage\Manage_Menu;
 use Code_Snippets\Admin\Menus\Settings_Menu;
@@ -65,6 +66,7 @@ public function __construct() {
 	public function load_classes() {
 		$this->menus['manage'] = new Manage_Menu();
 		$this->menus['edit'] = new Edit_Menu();
+		$this->menus['insights'] = new Insights_Menu();
 		$this->menus['import'] = new Import_Menu();
 
 		if ( is_network_admin() === are_settings_unified() ) {
diff --git a/src/php/Admin/Menus/Insights/Insights_Menu.php b/src/php/Admin/Menus/Insights/Insights_Menu.php
new file mode 100644
index 000000000..a6cc5df02
--- /dev/null
+++ b/src/php/Admin/Menus/Insights/Insights_Menu.php
@@ -0,0 +1,65 @@
+<?php
+
+namespace Code_Snippets\Admin\Menus\Insights;
+
+use Code_Snippets\Admin\Menus\Admin_Menu;
+use function Code_Snippets\code_snippets;
+use const Code_Snippets\PLUGIN_FILE;
+use const Code_Snippets\PLUGIN_VERSION;
+
+/**
+ * Provides the Insights admin menu.
+ */
+class Insights_Menu extends Admin_Menu {
+
+	/**
+	 * Handle for the Insights script and stylesheet.
+	 */
+	private const ASSET_HANDLE = 'code-snippets-insights';
+
+	/**
+	 * Class constructor.
+	 */
+	public function __construct() {
+		parent::__construct(
+			'insights',
+			_x( 'Insights', 'menu label', 'code-snippets' ),
+			__( 'Snippet Insights', 'code-snippets' )
+		);
+	}
+
+	/**
+	 * Render the Insights interface.
+	 *
+	 * @return void
+	 */
+	public function render() {
+		echo '<div id="code-snippets-insights-container" class="wrap"></div>';
+	}
+
+	/**
+	 * Enqueue Insights assets and localized runtime data.
+	 *
+	 * @return void
+	 */
+	public function enqueue_assets() {
+		wp_enqueue_style(
+			self::ASSET_HANDLE,
+			plugins_url( 'dist/insights.css', PLUGIN_FILE ),
+			self::$style_deps,
+			PLUGIN_VERSION
+		);
+
+		wp_enqueue_script(
+			self::ASSET_HANDLE,
+			plugins_url( 'dist/insights.js', PLUGIN_FILE ),
+			self::$script_deps,
+			PLUGIN_VERSION,
+			true
+		);
+
+		wp_set_script_translations( self::ASSET_HANDLE, 'code-snippets' );
+		code_snippets()->localize_script( self::ASSET_HANDLE );
+		wp_localize_script( self::ASSET_HANDLE, 'CODE_SNIPPETS_INSIGHTS', ( new Insights_Summary() )->get() );
+	}
+}
diff --git a/src/php/Admin/Menus/Insights/Insights_Summary.php b/src/php/Admin/Menus/Insights/Insights_Summary.php
new file mode 100644
index 000000000..85e2a5de4
--- /dev/null
+++ b/src/php/Admin/Menus/Insights/Insights_Summary.php
@@ -0,0 +1,199 @@
+<?php
+
+namespace Code_Snippets\Admin\Menus\Insights;
+
+use Code_Snippets\Model\Snippet;
+use function Code_Snippets\get_snippets;
+
+/**
+ * Builds aggregate data for the Insights screen.
+ */
+final class Insights_Summary {
+
+	/**
+	 * Display order for snippet types.
+	 *
+	 * @var string[]
+	 */
+	private const TYPE_ORDER = [ 'php', 'html', 'css', 'js', 'cond' ];
+
+	/**
+	 * Recognised executable locations, in display order. Labels are resolved on
+	 * the front-end, which already maintains these strings for the editor.
+	 *
+	 * @var string[]
+	 */
+	private const LOCATION_ORDER = [
+		'global',
+		'admin',
+		'front-end',
+		'single-use',
+		'content',
+		'head-content',
+		'body-content',
+		'footer-content',
+		'admin-css',
+		'site-css',
+		'site-head-js',
+		'site-footer-js',
+	];
+
+	/**
+	 * Build an aggregate of saved snippets for the Insights screen.
+	 *
+	 * @return array{
+	 *     active: int,
+	 *     inactive: int,
+	 *     typeCounts: array<string, array{label: string, count: int}>,
+	 *     locationCounts: array<string, int>,
+	 *     tagCounts: array<string, array{label: string, count: int}>
+	 * }
+	 */
+	public function get(): array {
+		return $this->create_summary( get_snippets() );
+	}
+
+	/**
+	 * Create summary data from snippet models.
+	 *
+	 * @param Snippet[] $snippets Snippet models.
+	 *
+	 * @return array{
+	 *     active: int,
+	 *     inactive: int,
+	 *     typeCounts: array<string, array{label: string, count: int}>,
+	 *     locationCounts: array<string, int>,
+	 *     tagCounts: array<string, array{label: string, count: int}>
+	 * }
+	 */
+	private function create_summary( array $snippets ): array {
+		$snippets = array_values(
+			array_filter(
+				$snippets,
+				static function ( Snippet $snippet ): bool {
+					return ! $snippet->trashed;
+				}
+			)
+		);
+		$active_condition_ids = [];
+
+		foreach ( $snippets as $snippet ) {
+			if ( 'condition' !== $snippet->scope && $snippet->active && $snippet->condition_id ) {
+				$active_condition_ids[ $snippet->condition_id ] = true;
+			}
+		}
+
+		$type_counts = array_fill_keys( self::TYPE_ORDER, 0 );
+		$location_counts = array_fill_keys( self::LOCATION_ORDER, 0 );
+		$tag_counts = [];
+		$active = 0;
+
+		foreach ( $snippets as $snippet ) {
+			$type = Snippet::get_type_from_scope( $snippet->scope );
+
+			if ( isset( $type_counts[ $type ] ) ) {
+				++$type_counts[ $type ];
+			}
+
+			if ( 'condition' === $snippet->scope ) {
+				$is_active = isset( $active_condition_ids[ $snippet->id ] );
+			} else {
+				$is_active = $snippet->active;
+
+				if ( isset( $location_counts[ $snippet->scope ] ) ) {
+					++$location_counts[ $snippet->scope ];
+				}
+			}
+
+			if ( $is_active ) {
+				++$active;
+			}
+
+			foreach ( array_unique( $snippet->tags, SORT_STRING ) as $tag ) {
+				if ( '' !== $tag ) {
+					$tag_counts[ $tag ] = ( $tag_counts[ $tag ] ?? 0 ) + 1;
+				}
+			}
+		}
+
+		return [
+			'active'         => $active,
+			'inactive'       => count( $snippets ) - $active,
+			'typeCounts'     => $this->create_chart_entries( $type_counts, $this->get_type_labels() ),
+			'locationCounts' => array_filter( $location_counts ),
+			'tagCounts'      => $this->create_tag_chart_entries( $tag_counts ),
+		];
+	}
+
+	/**
+	 * Convert tag counts into usage-ordered chart entries.
+	 *
+	 * @param array<string, int> $counts Count for each tag.
+	 *
+	 * @return array<string, array{label: string, count: int}>
+	 */
+	private function create_tag_chart_entries( array $counts ): array {
+		uksort(
+			$counts,
+			static function ( string $first_tag, string $second_tag ) use ( $counts ): int {
+				$count_comparison = $counts[ $second_tag ] <=> $counts[ $first_tag ];
+
+				if ( 0 !== $count_comparison ) {
+					return $count_comparison;
+				}
+
+				$label_comparison = strnatcasecmp( $first_tag, $second_tag );
+				return 0 !== $label_comparison ? $label_comparison : strcmp( $first_tag, $second_tag );
+			}
+		);
+
+		$entries = [];
+
+		foreach ( $counts as $tag => $count ) {
+			$entries[ $tag ] = [
+				'label' => $tag,
+				'count' => $count,
+			];
+		}
+
+		return $entries;
+	}
+
+	/**
+	 * Convert aggregate counts into labelled chart entries.
+	 *
+	 * @param array<string, int>    $counts Count for each type.
+	 * @param array<string, string> $labels Display label for each type.
+	 *
+	 * @return array<string, array{label: string, count: int}>
+	 */
+	private function create_chart_entries( array $counts, array $labels ): array {
+		$entries = [];
+
+		foreach ( $counts as $key => $count ) {
+			if ( isset( $labels[ $key ] ) ) {
+				$entries[ $key ] = [
+					'label' => $labels[ $key ],
+					'count' => $count,
+				];
+			}
+		}
+
+		return $entries;
+	}
+
+	/**
+	 * Retrieve display labels for snippet types.
+	 *
+	 * @return array<string, string>
+	 */
+	private function get_type_labels(): array {
+		return [
+			'php'  => __( 'PHP', 'code-snippets' ),
+			'html' => __( 'HTML', 'code-snippets' ),
+			'css'  => __( 'CSS', 'code-snippets' ),
+			'js'   => __( 'JS', 'code-snippets' ),
+			'cond' => __( 'Conditions', 'code-snippets' ),
+		];
+	}
+}
diff --git a/src/php/Admin/Menus/Manage/Manage_Menu.php b/src/php/Admin/Menus/Manage/Manage_Menu.php
index e3984f1fb..a48376c2c 100644
--- a/src/php/Admin/Menus/Manage/Manage_Menu.php
+++ b/src/php/Admin/Menus/Manage/Manage_Menu.php
@@ -160,6 +160,7 @@ public function register_compact_menu() {
 			'snippets'             => 'manage',
 			'add-snippet'          => 'edit',
 			'edit-snippet'         => 'edit',
+			'code-snippets-insights' => 'insights',
 			'import-code-snippets' => 'import',
 			'snippets-settings'    => 'settings',
 		];
diff --git a/src/php/Core/Uninstaller.php b/src/php/Core/Uninstaller.php
index 7eff2f6a3..bbf981aae 100644
--- a/src/php/Core/Uninstaller.php
+++ b/src/php/Core/Uninstaller.php
@@ -70,6 +70,7 @@ private function uninstall_current_site() {
 		delete_option( 'recently_active_snippets' );
 		delete_option( 'recently_activated_snippets' );
 		delete_option( 'code_snippets_settings' );
+		delete_option( 'code_snippets_insights_preferences' );
 
 		delete_option( 'code_snippets_cloud_settings' );
 		delete_transient( 'code_snippets_cloud_links' );
diff --git a/src/php/Plugin.php b/src/php/Plugin.php
index 870d968ba..f972f519d 100644
--- a/src/php/Plugin.php
+++ b/src/php/Plugin.php
@@ -200,6 +200,7 @@ public function get_menu_slug( string $menu = '' ): string {
 		$import = [ 'import', 'import-snippets', 'import-code-snippets' ];
 		$settings = [ 'settings', 'snippets-settings' ];
 		$cloud = [ 'cloud', 'cloud-snippets' ];
+		$insights = [ 'insights', 'code-snippets-insights' ];
 		$welcome = [ 'welcome', 'getting-started', 'code-snippets' ];
 
 		if ( in_array( $menu, $edit, true ) ) {
@@ -212,6 +213,8 @@ public function get_menu_slug( string $menu = '' ): string {
 			return 'snippets-settings';
 		} elseif ( in_array( $menu, $cloud, true ) ) {
 			return 'snippets&subpage=cloud-community';
+		} elseif ( in_array( $menu, $insights, true ) ) {
+			return 'code-snippets-insights';
 		} elseif ( in_array( $menu, $welcome, true ) ) {
 			return 'code-snippets-welcome';
 		} else {
@@ -349,6 +352,7 @@ public function localize_script( string $handle ) {
 				'isCloudConnected' => $this->cloud_connection->is_authenticated(),
 				'hideUpsell'       => Settings\get_setting( 'general', 'hide_upgrade_menu' ),
 				'snippetView'      => Preferences_REST_Controller::get_snippet_view(),
+				'insightsChartViews' => Preferences_REST_Controller::get_insights_chart_views(),
 				'restAPI'          => [
 					'base'           => esc_url_raw( rest_url() ),
 					'snippets'       => esc_url_raw( rest_url( Snippets_REST_Controller::get_base_route() ) ),
@@ -367,6 +371,7 @@ public function localize_script( string $handle ) {
 					'manage'   => esc_url_raw( $this->get_menu_url() ),
 					'edit'     => esc_url_raw( $this->get_menu_url( 'edit' ) ),
 					'addNew'   => esc_url_raw( $this->get_menu_url( 'add' ) ),
+					'insights' => esc_url_raw( $this->get_menu_url( 'insights' ) ),
 					'welcome'  => esc_url_raw( $this->get_menu_url( 'welcome' ) ),
 					'import'   => esc_url_raw( $this->get_menu_url( 'import' ) ),
 					'settings' => esc_url_raw( $this->get_menu_url( 'settings' ) ),
diff --git a/src/php/REST_API/Snippets/Preferences_REST_Controller.php b/src/php/REST_API/Snippets/Preferences_REST_Controller.php
index 0ec024494..cb20cbee3 100644
--- a/src/php/REST_API/Snippets/Preferences_REST_Controller.php
+++ b/src/php/REST_API/Snippets/Preferences_REST_Controller.php
@@ -41,6 +41,30 @@ final class Preferences_REST_Controller extends REST_Controller {
 	 */
 	public const DEFAULT_SNIPPET_VIEW = 'table';
 
+	/**
+	 * The name of the option used to store Insights chart view preferences.
+	 */
+	public const INSIGHTS_CHART_VIEWS_OPTION = 'code_snippets_insights_preferences';
+
+	/**
+	 * Insights charts with independently configurable views.
+	 */
+	public const INSIGHTS_CHART_KEYS = [ 'type', 'activation', 'location' ];
+
+	/**
+	 * Valid Insights chart view values.
+	 */
+	public const INSIGHTS_CHART_VIEWS = [ 'pie', 'bar' ];
+
+	/**
+	 * The Insights chart views shown when no preference has been saved.
+	 */
+	public const DEFAULT_INSIGHTS_CHART_VIEWS = [
+		'type'       => 'bar',
+		'activation' => 'pie',
+		'location'   => 'bar',
+	];
+
 	/**
 	 * Retrieve the current snippet view preference, falling back to the
 	 * default when the stored value is missing or invalid.
@@ -55,6 +79,32 @@ public static function get_snippet_view(): string {
 			: self::DEFAULT_SNIPPET_VIEW;
 	}
 
+	/**
+	 * Retrieve the Insights chart views, normalizing missing or invalid values.
+	 *
+	 * @return array<string, string>
+	 */
+	public static function get_insights_chart_views(): array {
+		$views = get_option( self::INSIGHTS_CHART_VIEWS_OPTION, self::DEFAULT_INSIGHTS_CHART_VIEWS );
+
+		if ( ! is_array( $views ) ) {
+			return self::DEFAULT_INSIGHTS_CHART_VIEWS;
+		}
+
+		return array_reduce(
+			self::INSIGHTS_CHART_KEYS,
+			static function ( array $normalized, string $key ) use ( $views ): array {
+				$view = $views[ $key ] ?? self::DEFAULT_INSIGHTS_CHART_VIEWS[ $key ];
+				$normalized[ $key ] = in_array( $view, self::INSIGHTS_CHART_VIEWS, true )
+					? $view
+					: self::DEFAULT_INSIGHTS_CHART_VIEWS[ $key ];
+
+				return $normalized;
+			},
+			[]
+		);
+	}
+
 	/**
 	 * Register REST routes.
 	 */
@@ -83,6 +133,31 @@ public function register_routes() {
 				],
 			]
 		);
+
+		register_rest_route(
+			$this->namespace,
+			self::BASE_ROUTE . '/insights-chart-views',
+			[
+				[
+					'methods'             => WP_REST_Server::READABLE,
+					'callback'            => [ $this, 'get_insights_chart_views_callback' ],
+					'permission_callback' => [ $this, 'permission_callback' ],
+				],
+				[
+					'methods'             => WP_REST_Server::EDITABLE,
+					'callback'            => [ $this, 'update_insights_chart_views_callback' ],
+					'permission_callback' => [ $this, 'permission_callback' ],
+					'args'                => [
+						'views' => [
+							'description'       => esc_html__( 'Pie or bar view for each Insights chart.', 'code-snippets' ),
+							'type'              => 'object',
+							'required'          => true,
+							'validate_callback' => [ $this, 'validate_insights_chart_views' ],
+						],
+					],
+				],
+			]
+		);
 	}
 
 	/**
@@ -107,6 +182,44 @@ public function get_snippet_view_callback( WP_REST_Request $request ): WP_REST_R
 		return new WP_REST_Response( [ 'view' => self::get_snippet_view() ] );
 	}
 
+	/**
+	 * Validate a complete Insights chart view preference map.
+	 *
+	 * @param mixed $views Candidate preference map.
+	 *
+	 * @return bool
+	 */
+	public function validate_insights_chart_views( $views ): bool {
+		if ( ! is_array( $views ) || count( self::INSIGHTS_CHART_KEYS ) !== count( $views ) ) {
+			return false;
+		}
+
+		foreach ( self::INSIGHTS_CHART_KEYS as $key ) {
+			if ( ! array_key_exists( $key, $views ) ) {
+				return false;
+			}
+
+			$view = $views[ $key ];
+
+			if ( ! in_array( $view, self::INSIGHTS_CHART_VIEWS, true ) ) {
+				return false;
+			}
+		}
+
+		return true;
+	}
+
+	/**
+	 * Retrieve the current Insights chart view preferences.
+	 *
+	 * @param WP_REST_Request $request Full data about the request.
+	 *
+	 * @return WP_REST_Response
+	 */
+	public function get_insights_chart_views_callback( WP_REST_Request $request ): WP_REST_Response {
+		return new WP_REST_Response( [ 'views' => self::get_insights_chart_views() ] );
+	}
+
 	/**
 	 * Update the snippet view preference.
 	 *
@@ -121,4 +234,19 @@ public function update_snippet_view_callback( WP_REST_Request $request ): WP_RES
 
 		return new WP_REST_Response( [ 'view' => $view ] );
 	}
+
+	/**
+	 * Update the Insights chart view preferences.
+	 *
+	 * @param WP_REST_Request $request Full data about the request.
+	 *
+	 * @return WP_REST_Response
+	 */
+	public function update_insights_chart_views_callback( WP_REST_Request $request ): WP_REST_Response {
+		$views = $request->get_param( 'views' );
+
+		update_option( self::INSIGHTS_CHART_VIEWS_OPTION, $views );
+
+		return new WP_REST_Response( [ 'views' => $views ] );
+	}
 }
diff --git a/tests/e2e/code-snippets-insights.spec.ts b/tests/e2e/code-snippets-insights.spec.ts
new file mode 100644
index 000000000..d95e4ea8c
--- /dev/null
+++ b/tests/e2e/code-snippets-insights.spec.ts
@@ -0,0 +1,225 @@
+import { expect, test } from '@playwright/test'
+import { SnippetsTestHelper } from './helpers/SnippetsTestHelper'
+import { URLS } from './helpers/constants'
+import { wpCli } from './helpers/wpCli'
+
+const clearSnippets = async () => {
+	const php = `
+		global $wpdb;
+		$tables = [ \\Code_Snippets\\code_snippets()->db->get_table_name( false ) ];
+
+		if ( is_multisite() ) {
+			$tables[] = \\Code_Snippets\\code_snippets()->db->get_table_name( true );
+		}
+
+		foreach ( $tables as $table ) {
+			$wpdb->query( "DELETE FROM {$table}" );
+		}
+	`
+
+	await wpCli(['eval', php])
+}
+
+const clearInsightsChartViews = async () => {
+	await wpCli(['eval', "delete_option( 'code_snippets_insights_preferences' );"])
+}
+
+test.describe('Insights screen', () => {
+	test.beforeEach(async () => {
+		await clearSnippets()
+		await clearInsightsChartViews()
+	})
+
+	test.afterEach(async () => {
+		await clearSnippets()
+		await clearInsightsChartViews()
+	})
+
+	test('opens a zero-data dashboard from the upper toolbar', async ({ page }) => {
+		await page.goto(URLS.SNIPPETS_ADMIN)
+		await page.getByRole('link', { name: 'Insights', exact: true }).click()
+		const activationChart = page.locator('[data-insights-chart="activation"]')
+		const totalChart = page.locator('[data-insights-chart="total"]')
+
+		await expect(page).toHaveURL(/page=code-snippets-insights/)
+		await expect(page.getByRole('heading', { name: 'Insights' })).toBeVisible()
+		await expect(page.locator('.insights-chart-card').first()).toHaveAttribute('data-insights-chart', 'total')
+		await expect(totalChart.locator('.insights-number-chart-value')).toHaveText('0')
+		await expect(totalChart.locator('.insights-number-chart-label')).toHaveText('Total snippets')
+		await expect(totalChart.locator('.insights-chart-view-toggle')).toHaveCount(0)
+		await expect(totalChart.locator('.insights-bar-chart')).toHaveCount(0)
+		await expect(totalChart.locator('.insights-pie-chart')).toHaveCount(0)
+		await expect(page.getByRole('heading', { name: 'Snippet type' })).toBeVisible()
+		await expect(page.getByText('PHP', { exact: true })).toBeVisible()
+		await expect(page.getByText('Conditions', { exact: true })).toBeVisible()
+		await expect(activationChart.locator('.insights-pie-chart.is-empty')).toBeVisible()
+		await expect(activationChart.locator('.insights-pie-chart-legend')).toContainText('Active')
+		await expect(activationChart.locator('.insights-pie-chart-legend')).toContainText('Inactive')
+		await expect(page.getByRole('link', { name: 'Create new Snippet' })).toHaveCount(0)
+	})
+
+	test('shows current snippet distributions', async ({ page }) => {
+		const conditionId = await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Active Conditions',
+			active: true,
+			type: 'cond'
+		})
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Active PHP',
+			active: true,
+			conditionId,
+			type: 'php'
+		})
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Inactive HTML',
+			active: false,
+			type: 'html'
+		})
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Active CSS',
+			active: true,
+			type: 'css'
+		})
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Inactive JavaScript',
+			active: false,
+			type: 'js'
+		})
+		await page.goto(URLS.SNIPPETS_ADMIN.replace('page=snippets', 'page=code-snippets-insights'))
+		const activationPie = page.locator('[data-insights-chart="activation"] .insights-pie-chart')
+
+		await expect(page.getByRole('heading', { name: 'Insights' })).toBeVisible()
+		await expect(page.locator('[data-insights-chart="total"] .insights-number-chart-value')).toHaveText('5')
+		await expect(page.getByRole('heading', { name: 'Snippet type' })).toBeVisible()
+		await expect(page.getByRole('heading', { name: 'Activation status' })).toBeVisible()
+		await expect(page.getByRole('heading', { name: 'Location' })).toBeVisible()
+		await expect(page.getByText('Conditions', { exact: true })).toBeVisible()
+		expect(await activationPie.evaluate(element => element.style.background)).toContain('60%')
+	})
+
+	test('shows used tags in a fixed bar chart', async ({ page }) => {
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Shared and Alpha Tags',
+			active: true,
+			tags: ['Shared', 'Alpha', 'Shared']
+		})
+		await SnippetsTestHelper.createSnippetViaCli({
+			name: 'Insights Shared and Beta Tags',
+			active: true,
+			tags: ['Shared', 'Beta']
+		})
+
+		await page.goto(URLS.SNIPPETS_ADMIN.replace('page=snippets', 'page=code-snippets-insights'))
+		const tagsChart = page.locator('[data-insights-chart="tags"]')
+
+		await expect(page.getByRole('heading', { name: 'Tags' })).toBeVisible()
+		await expect(tagsChart).toHaveAttribute('data-view', 'bar')
+		await expect(tagsChart.locator('.insights-bar-chart')).toContainText('Shared')
+		await expect(tagsChart.locator('.insights-bar-chart')).toContainText('2')
+		await expect(tagsChart.locator('.insights-bar-chart')).toContainText('Alpha')
+		await expect(tagsChart.locator('.insights-bar-chart')).toContainText('Beta')
+		await expect(tagsChart.locator('.insights-chart-view-toggle')).toHaveCount(0)
+		await expect(tagsChart.locator('.insights-pie-chart')).toHaveCount(0)
+	})
+
+	test('switches and restores each Insights chart view', async ({ page }) => {
+		await page.goto(URLS.SNIPPETS_ADMIN.replace('page=snippets', 'page=code-snippets-insights'))
+
+		const typeChart = page.locator('[data-insights-chart="type"]')
+		const activationChart = page.locator('[data-insights-chart="activation"]')
+		const locationChart = page.locator('[data-insights-chart="location"]')
+
+		await expect(typeChart).toHaveAttribute('data-view', 'bar')
+		await expect(typeChart.locator('.insights-bar-chart')).toBeVisible()
+		await expect(activationChart).toHaveAttribute('data-view', 'pie')
+		await expect(activationChart.locator('.insights-pie-chart-legend')).toBeVisible()
+		await expect(locationChart).toHaveAttribute('data-view', 'bar')
+
+		const switchView = async (chart: typeof typeChart, view: 'Pie' | 'Bar') => {
+			const response = page.waitForResponse(request =>
+				'POST' === request.request().method() && request.url().includes('/preferences/insights-chart-views')
+			)
+
+			await chart.getByRole('button', { name: `${view} chart view` }).click()
+			await response
+		}
+
+		await switchView(typeChart, 'Pie')
+		await expect(typeChart).toHaveAttribute('data-view', 'pie')
+		await expect(typeChart.locator('.insights-pie-chart')).toBeVisible()
+		await expect(typeChart.locator('.insights-pie-chart-legend')).toContainText('PHP')
+
+		await switchView(activationChart, 'Bar')
+		await expect(activationChart).toHaveAttribute('data-view', 'bar')
+		await expect(activationChart.locator('.insights-bar-chart')).toContainText('Active')
+		await expect(activationChart.locator('.insights-bar-chart')).toContainText('Inactive')
+
+		await switchView(locationChart, 'Pie')
+		await expect(locationChart).toHaveAttribute('data-view', 'pie')
+		await expect(locationChart.locator('.insights-pie-chart-legend')).toHaveCount(1)
+
+		await page.reload()
+		await expect(typeChart).toHaveAttribute('data-view', 'pie')
+		await expect(activationChart).toHaveAttribute('data-view', 'bar')
+		await expect(locationChart).toHaveAttribute('data-view', 'pie')
+	})
+
+	test('restores a chart view when saving the preference fails', async ({ page }) => {
+		await page.goto(URLS.SNIPPETS_ADMIN.replace('page=snippets', 'page=code-snippets-insights'))
+		const typeChart = page.locator('[data-insights-chart="type"]')
+
+		await expect(typeChart).toHaveAttribute('data-view', 'bar')
+
+		await page.route('**/preferences/insights-chart-views', async route => {
+			await route.fulfill({ status: 500, body: JSON.stringify({ message: 'Save failed' }) })
+		})
+
+		await typeChart.getByRole('button', { name: 'Pie chart view' }).click()
+
+		await expect(typeChart).toHaveAttribute('data-view', 'bar')
+	})
+
+	test('keeps the latest chart views when an earlier save fails', async ({ page }) => {
+		await page.goto(URLS.SNIPPETS_ADMIN.replace('page=snippets', 'page=code-snippets-insights'))
+		const typeChart = page.locator('[data-insights-chart="type"]')
+		const activationChart = page.locator('[data-insights-chart="activation"]')
+		let rejectFirstRequest: (() => void) | undefined
+		let signalFirstRequest: () => void
+		const firstRequestStarted = new Promise<void>(resolve => {
+			signalFirstRequest = resolve
+		})
+
+		await page.route('**/preferences/insights-chart-views', async route => {
+			const { views } = <{ views: { type: string, activation: string } }> route.request().postDataJSON()
+
+			if ('pie' === views.type && 'pie' === views.activation) {
+				await new Promise<void>(resolve => {
+					rejectFirstRequest = resolve
+					signalFirstRequest()
+				})
+				await route.fulfill({ status: 500, body: JSON.stringify({ message: 'Save failed' }) })
+				return
+			}
+
+			await route.fulfill({ status: 200, body: JSON.stringify({ views }) })
+		})
+
+		await typeChart.getByRole('button', { name: 'Pie chart view' }).click()
+		await firstRequestStarted
+
+		const successfulResponse = page.waitForResponse(response =>
+			'POST' === response.request().method() && 200 === response.status()
+		)
+		await activationChart.getByRole('button', { name: 'Bar chart view' }).click()
+		await successfulResponse
+
+		if (undefined === rejectFirstRequest) {
+			throw new Error('The first chart preference request was not intercepted.')
+		}
+
+		rejectFirstRequest()
+
+		await expect(typeChart).toHaveAttribute('data-view', 'pie')
+		await expect(activationChart).toHaveAttribute('data-view', 'bar')
+	})
+})
diff --git a/tests/e2e/helpers/SnippetsTestHelper.ts b/tests/e2e/helpers/SnippetsTestHelper.ts
index f2588d95a..26ad55b3a 100644
--- a/tests/e2e/helpers/SnippetsTestHelper.ts
+++ b/tests/e2e/helpers/SnippetsTestHelper.ts
@@ -31,6 +31,8 @@ export interface SnippetFormOptions {
 export interface CreateSnippetCliOptions {
 	name: string;
 	active: boolean;
+	conditionId?: number;
+	tags?: readonly string[];
 	type?: 'php' | 'html' | 'css' | 'js' | 'cond';
 }
 
@@ -72,7 +74,7 @@ export class SnippetsTestHelper {
 		await wpCli(['eval', php])
 	}
 
-	static async createSnippetViaCli(options: CreateSnippetCliOptions): Promise<void> {
+	static async createSnippetViaCli(options: CreateSnippetCliOptions): Promise<number> {
 		const type = options.type ?? 'php'
 		let scope = 'global'
 		switch (type) {
@@ -99,12 +101,14 @@ export class SnippetsTestHelper {
 				'code' => ${JSON.stringify(code)},
 				'scope' => ${JSON.stringify(scope)},
 				'active' => ${options.active ? 'true' : 'false'},
-				'tags' => [],
+				'condition_id' => ${options.conditionId ?? 0},
+				'tags' => ${JSON.stringify(options.tags ?? [])},
 			]);
-			\\Code_Snippets\\save_snippet($snippet);
+			$snippet = \\Code_Snippets\\save_snippet($snippet);
+			echo $snippet->id;
 		`
 
-		await wpCli(['eval', php])
+		return Number(await wpCli(['eval', php]))
 	}
 
 	static async cleanupSnippetsByPrefix(prefix: string): Promise<void> {
diff --git a/tests/unit/Admin/Menus/Insights/Insights_Menu_Test.php b/tests/unit/Admin/Menus/Insights/Insights_Menu_Test.php
new file mode 100644
index 000000000..3e5b4fbf6
--- /dev/null
+++ b/tests/unit/Admin/Menus/Insights/Insights_Menu_Test.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace Code_Snippets\Admin\Menus\Insights;
+
+use Code_Snippets\AdminUnitTestCase;
+use Code_Snippets\Model\Snippet;
+use function Code_Snippets\save_snippet;
+
+/**
+ * Tests for the Insights menu assets and localized data.
+ */
+class Insights_Menu_Test extends AdminUnitTestCase {
+
+	/**
+	 * The Insights payload contains summary data but not snippet source code.
+	 *
+	 * @return void
+	 */
+	public function test_enqueue_localizes_summary_without_snippet_source_code(): void {
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Source Exclusion Fixture',
+					'code'   => '/* Insight fixture source */',
+					'scope'  => 'global',
+					'active' => true,
+				]
+			)
+		);
+
+		( new Insights_Menu() )->enqueue_assets();
+
+		$data = wp_scripts()->get_data( 'code-snippets-insights', 'data' );
+		$prefix = 'var CODE_SNIPPETS_INSIGHTS = ';
+		$offset = is_string( $data ) ? strrpos( $data, $prefix ) : false;
+
+		$this->assertNotFalse( $offset );
+		$this->assertIsString( $data );
+		$this->assertStringNotContainsString( 'Insight fixture source', $data );
+
+		$json = substr( $data, $offset + strlen( $prefix ) );
+		$localized = json_decode( substr( $json, 0, strrpos( $json, ';' ) ), true );
+
+		$this->assertSame(
+			[ 'active', 'inactive', 'typeCounts', 'locationCounts', 'tagCounts' ],
+			array_keys( $localized )
+		);
+	}
+}
diff --git a/tests/unit/Admin/Menus/Insights/Insights_Summary_Test.php b/tests/unit/Admin/Menus/Insights/Insights_Summary_Test.php
new file mode 100644
index 000000000..2e7a35cac
--- /dev/null
+++ b/tests/unit/Admin/Menus/Insights/Insights_Summary_Test.php
@@ -0,0 +1,258 @@
+<?php
+
+namespace Code_Snippets\Admin\Menus\Insights;
+
+use Code_Snippets\AdminUnitTestCase;
+use Code_Snippets\Model\Snippet;
+use function Code_Snippets\code_snippets;
+use function Code_Snippets\clean_snippets_cache;
+use function Code_Snippets\save_snippet;
+use function Code_Snippets\trash_snippet;
+
+/**
+ * Tests for the Insights summary aggregation.
+ */
+class Insights_Summary_Test extends AdminUnitTestCase {
+
+	/**
+	 * An empty library has no insight chart entries.
+	 *
+	 * @return void
+	 */
+	public function test_summary_is_empty_when_no_snippets_are_saved(): void {
+		$summary = ( new Insights_Summary() )->get();
+
+		$this->assertSame( 0, $summary['active'] );
+		$this->assertSame( 0, $summary['inactive'] );
+		$this->assertSame( [ 'php', 'html', 'css', 'js', 'cond' ], array_keys( $summary['typeCounts'] ) );
+		$this->assertSame( 0, $summary['typeCounts']['php']['count'] );
+		$this->assertSame( 0, $summary['typeCounts']['cond']['count'] );
+		$this->assertSame( [], $summary['locationCounts'] );
+		$this->assertSame( [], $summary['tagCounts'] );
+	}
+
+	/**
+	 * The summary counts each tag once per saved snippet and orders tag entries by usage.
+	 *
+	 * @return void
+	 */
+	public function test_summary_counts_and_orders_used_tags(): void {
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'First tag fixture',
+					'scope'  => 'global',
+					'active' => true,
+					'tags'   => [ 'Shared', 'Alpha', 'Shared' ],
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Second tag fixture',
+					'scope'  => 'global',
+					'active' => true,
+					'tags'   => [ 'Shared', 'Beta' ],
+				]
+			)
+		);
+		$trashed = save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Trashed tag fixture',
+					'scope'  => 'global',
+					'active' => false,
+					'tags'   => [ 'Ignored' ],
+				]
+			)
+		);
+
+		$this->assertInstanceOf( Snippet::class, $trashed );
+		trash_snippet( $trashed->id );
+
+		$summary = ( new Insights_Summary() )->get();
+
+		$this->assertSame( [ 'Shared', 'Alpha', 'Beta' ], array_keys( $summary['tagCounts'] ) );
+		$this->assertSame(
+			[
+				'label' => 'Shared',
+				'count' => 2,
+			],
+			$summary['tagCounts']['Shared']
+		);
+		$this->assertSame(
+			[
+				'label' => 'Alpha',
+				'count' => 1,
+			],
+			$summary['tagCounts']['Alpha']
+		);
+		$this->assertSame(
+			[
+				'label' => 'Beta',
+				'count' => 1,
+			],
+			$summary['tagCounts']['Beta']
+		);
+		$this->assertArrayNotHasKey( 'Ignored', $summary['tagCounts'] );
+	}
+
+	/**
+	 * The summary includes snippets supplied through the snippets filter.
+	 *
+	 * @return void
+	 */
+	public function test_summary_includes_filtered_snippets(): void {
+		$filter = static function ( array $snippets ): array {
+			$snippets[] = new Snippet(
+				[
+					'name'   => 'Filtered Insight Fixture',
+					'scope'  => 'global',
+					'active' => true,
+				]
+			);
+
+			return $snippets;
+		};
+
+		clean_snippets_cache( code_snippets()->db->get_table_name( false ) );
+		add_filter( 'code_snippets/get_snippets', $filter );
+
+		try {
+			$summary = ( new Insights_Summary() )->get();
+
+			$this->assertSame( 1, $summary['active'] );
+			$this->assertSame( 0, $summary['inactive'] );
+			$this->assertSame( 1, $summary['typeCounts']['php']['count'] );
+			$this->assertSame( 1, $summary['locationCounts']['global'] );
+		} finally {
+			remove_filter( 'code_snippets/get_snippets', $filter );
+			clean_snippets_cache( code_snippets()->db->get_table_name( false ) );
+		}
+	}
+
+	/**
+	 * The summary excludes unrecognised locations from location counts.
+	 *
+	 * @return void
+	 */
+	public function test_summary_ignores_unrecognised_locations(): void {
+		global $wpdb;
+		$table_name = code_snippets()->db->get_table_name( false );
+		$wpdb->insert(
+			$table_name,
+			[
+				'name'   => 'Unknown scope fixture',
+				'scope'  => 'unknown-scope',
+				'active' => 1,
+			]
+		);
+
+		$summary = ( new Insights_Summary() )->get();
+
+		$this->assertSame( 1, $summary['active'] );
+		$this->assertArrayNotHasKey( 'unknown-scope', $summary['locationCounts'] );
+	}
+
+	/**
+	 * The summary groups saved snippets by type, location and status, excluding trashed snippets.
+	 *
+	 * @return void
+	 */
+	public function test_summary_groups_saved_snippets_by_type_location_and_status(): void {
+		$condition = save_snippet(
+			new Snippet(
+				[
+					'name'  => 'Condition Fixture',
+					'scope' => 'condition',
+				]
+			)
+		);
+
+		$this->assertInstanceOf( Snippet::class, $condition );
+
+		save_snippet(
+			new Snippet(
+				[
+					'name'         => 'Active Global PHP Fixture',
+					'code'         => '/* Insight fixture source */',
+					'scope'        => 'global',
+					'condition_id' => $condition->id,
+					'active'       => true,
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Inactive Global PHP Fixture',
+					'scope'  => 'global',
+					'active' => false,
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Inactive Admin PHP Fixture',
+					'scope'  => 'admin',
+					'active' => false,
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Active HTML Fixture',
+					'scope'  => 'content',
+					'active' => true,
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Active Locked CSS Fixture',
+					'scope'  => 'site-css',
+					'active' => true,
+					'locked' => true,
+				]
+			)
+		);
+		save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Inactive JavaScript Fixture',
+					'scope'  => 'site-footer-js',
+					'active' => false,
+				]
+			)
+		);
+		$trashed = save_snippet(
+			new Snippet(
+				[
+					'name'   => 'Trashed CSS Fixture',
+					'scope'  => 'site-css',
+					'active' => false,
+				]
+			)
+		);
+
+		$this->assertInstanceOf( Snippet::class, $trashed );
+		trash_snippet( $trashed->id );
+
+		$summary = ( new Insights_Summary() )->get();
+
+		$this->assertSame( 4, $summary['active'] );
+		$this->assertSame( 3, $summary['inactive'] );
+		$this->assertSame( 3, $summary['typeCounts']['php']['count'] );
+		$this->assertSame( 1, $summary['typeCounts']['html']['count'] );
+		$this->assertSame( 1, $summary['typeCounts']['css']['count'] );
+		$this->assertSame( 1, $summary['typeCounts']['js']['count'] );
+		$this->assertSame( 1, $summary['typeCounts']['cond']['count'] );
+		$this->assertSame( 2, $summary['locationCounts']['global'] );
+		$this->assertSame( 1, $summary['locationCounts']['site-css'] );
+		$this->assertArrayNotHasKey( 'condition', $summary['locationCounts'] );
+	}
+}
diff --git a/tests/unit/Core/Uninstaller_Test.php b/tests/unit/Core/Uninstaller_Test.php
new file mode 100644
index 000000000..973b7de24
--- /dev/null
+++ b/tests/unit/Core/Uninstaller_Test.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace Code_Snippets\Core;
+
+use Code_Snippets\REST_API\Snippets\Preferences_REST_Controller;
+use Code_Snippets\UnitTestCase;
+use function Code_Snippets\code_snippets;
+
+/**
+ * Tests for complete plugin uninstallation.
+ */
+class Uninstaller_Test extends UnitTestCase {
+
+	/**
+	 * Restore the snippets table after testing complete uninstallation.
+	 *
+	 * @return void
+	 */
+	public function tear_down() {
+		code_snippets()->db->create_or_upgrade_tables();
+		delete_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION );
+		delete_option( 'code_snippets_settings' );
+
+		parent::tear_down();
+	}
+
+	/**
+	 * Complete uninstall removes saved Insights chart view preferences.
+	 *
+	 * @return void
+	 */
+	public function test_complete_uninstall_removes_insights_chart_view_preferences(): void {
+		update_option(
+			'code_snippets_settings',
+			[
+				'general' => [ 'complete_uninstall' => true ],
+			]
+		);
+		update_option(
+			Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION,
+			[
+				'type'       => 'pie',
+				'activation' => 'bar',
+				'location'   => 'pie',
+			]
+		);
+
+		( new Uninstaller() )->uninstall_plugin();
+
+		$this->assertFalse( get_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION ) );
+	}
+}
diff --git a/tests/unit/REST_API/REST_API_Preferences_Test.php b/tests/unit/REST_API/REST_API_Preferences_Test.php
index 5d398a43c..559ecad21 100644
--- a/tests/unit/REST_API/REST_API_Preferences_Test.php
+++ b/tests/unit/REST_API/REST_API_Preferences_Test.php
@@ -26,6 +26,13 @@ class REST_API_Preferences_Test extends UnitTestCase {
 	 */
 	protected string $endpoint = '/code-snippets/v1/preferences/snippet-view';
 
+	/**
+	 * REST API endpoint for the Insights chart view preferences.
+	 *
+	 * @var string
+	 */
+	protected string $insights_chart_views_endpoint = '/code-snippets/v1/preferences/insights-chart-views';
+
 	/**
 	 * Administrator user ID.
 	 *
@@ -62,6 +69,7 @@ public function set_up() {
 
 		wp_set_current_user( self::$admin_id );
 		delete_option( Preferences_REST_Controller::SNIPPET_VIEW_OPTION );
+		delete_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION );
 	}
 
 	/**
@@ -82,6 +90,24 @@ protected function dispatch( string $method, array $params = [] ): WP_REST_Respo
 		return rest_do_request( $request );
 	}
 
+	/**
+	 * Dispatch a REST request for the Insights chart view preferences.
+	 *
+	 * @param string               $method HTTP method.
+	 * @param array<string, mixed> $params Request parameters.
+	 *
+	 * @return WP_REST_Response
+	 */
+	protected function dispatch_insights_chart_views( string $method, array $params = [] ): WP_REST_Response {
+		$request = new WP_REST_Request( $method, $this->insights_chart_views_endpoint );
+
+		foreach ( $params as $key => $value ) {
+			$request->set_param( $key, $value );
+		}
+
+		return rest_do_request( $request );
+	}
+
 	/**
 	 * With no saved preference, the snippet view defaults to the table.
 	 */
@@ -127,6 +153,70 @@ public function test_invalid_stored_option_falls_back_to_default() {
 		$this->assertSame( 'table', Preferences_REST_Controller::get_snippet_view() );
 	}
 
+	/**
+	 * With no saved preference, Insights uses its intended default chart views.
+	 */
+	public function test_insights_chart_views_default_to_the_expected_mix() {
+		$response = $this->dispatch_insights_chart_views( 'GET' );
+
+		$this->assertSame( 200, $response->get_status() );
+		$this->assertSame(
+			[ 'views' => Preferences_REST_Controller::DEFAULT_INSIGHTS_CHART_VIEWS ],
+			$response->get_data()
+		);
+	}
+
+	/**
+	 * Updating every Insights chart view persists the complete preference map.
+	 */
+	public function test_insights_chart_views_update_persists() {
+		$views = [
+			'type'       => 'pie',
+			'activation' => 'bar',
+			'location'   => 'pie',
+		];
+		$response = $this->dispatch_insights_chart_views( 'POST', [ 'views' => $views ] );
+
+		$this->assertSame( 200, $response->get_status() );
+		$this->assertSame( [ 'views' => $views ], $response->get_data() );
+		$this->assertSame( $views, get_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION ) );
+		$this->assertSame( $views, Preferences_REST_Controller::get_insights_chart_views() );
+	}
+
+	/**
+	 * Missing chart keys and invalid view names cannot replace the saved preference.
+	 */
+	public function test_invalid_insights_chart_views_are_rejected() {
+		$response = $this->dispatch_insights_chart_views(
+			'POST',
+			[
+				'views' => [
+					'type'       => 'pie',
+					'activation' => 'donut',
+				],
+			]
+		);
+
+		$this->assertSame( 400, $response->get_status() );
+		$this->assertFalse( get_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION ) );
+	}
+
+	/**
+	 * Partially saved preferences are normalized without losing the supported defaults.
+	 */
+	public function test_incomplete_stored_insights_chart_views_are_normalized() {
+		update_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION, [ 'type' => 'pie' ] );
+
+		$this->assertSame(
+			[
+				'type'       => 'pie',
+				'activation' => 'pie',
+				'location'   => 'bar',
+			],
+			Preferences_REST_Controller::get_insights_chart_views()
+		);
+	}
+
 	/**
 	 * Users without snippet capabilities cannot read or write the preference.
 	 */
@@ -139,5 +229,15 @@ public function test_editor_is_blocked() {
 		$response = $this->dispatch( 'POST', [ 'view' => 'table' ] );
 		$this->assertContains( $response->get_status(), [ 401, 403 ] );
 		$this->assertFalse( get_option( Preferences_REST_Controller::SNIPPET_VIEW_OPTION ) );
+
+		$response = $this->dispatch_insights_chart_views( 'GET' );
+		$this->assertContains( $response->get_status(), [ 401, 403 ] );
+
+		$response = $this->dispatch_insights_chart_views(
+			'POST',
+			[ 'views' => Preferences_REST_Controller::DEFAULT_INSIGHTS_CHART_VIEWS ]
+		);
+		$this->assertContains( $response->get_status(), [ 401, 403 ] );
+		$this->assertFalse( get_option( Preferences_REST_Controller::INSIGHTS_CHART_VIEWS_OPTION ) );
 	}
 }