Add visualization docs (#286)

Signed-off-by: Yulong Ruan <ruanyl@amazon.com>

Author: ruanyl

docs/starlight-docs/astro.config.mjs

@@ -17,6 +17,23 @@ export default defineConfig({
 		'/sdks/faq': '/ai-observability/getting-started/',
 		'/sdks': '/send-data/ai-agents/',
 		'/send-data/ai-agents/javascript': '/send-data/ai-agents/typescript/',
+		'/dashboards/transformations': '/dashboards/visualize/transformations/',
+		'/dashboards/visualize/visualization-editor': '/dashboards/visualize/',
+		'/dashboards/visualize/visualization-editor/area-chart': '/dashboards/visualize/area-chart/',
+		'/dashboards/visualize/visualization-editor/bar-chart': '/dashboards/visualize/bar-chart/',
+		'/dashboards/visualize/visualization-editor/bar-gauge-chart': '/dashboards/visualize/bar-gauge-chart/',
+		'/dashboards/visualize/visualization-editor/configuring-visualizations': '/dashboards/visualize/configuring-visualizations/',
+		'/dashboards/visualize/visualization-editor/configuring-visualizations/thresholds': '/dashboards/visualize/configuring-visualizations/thresholds/',
+		'/dashboards/visualize/visualization-editor/configuring-visualizations/value-calculations': '/dashboards/visualize/configuring-visualizations/value-calculations/',
+		'/dashboards/visualize/visualization-editor/gauge-chart': '/dashboards/visualize/gauge-chart/',
+		'/dashboards/visualize/visualization-editor/heatmap-chart': '/dashboards/visualize/heatmap-chart/',
+		'/dashboards/visualize/visualization-editor/histogram-chart': '/dashboards/visualize/histogram-chart/',
+		'/dashboards/visualize/visualization-editor/line-chart': '/dashboards/visualize/line-chart/',
+		'/dashboards/visualize/visualization-editor/metric-chart': '/dashboards/visualize/metric-chart/',
+		'/dashboards/visualize/visualization-editor/pie-chart': '/dashboards/visualize/pie-chart/',
+		'/dashboards/visualize/visualization-editor/scatter-chart': '/dashboards/visualize/scatter-chart/',
+		'/dashboards/visualize/visualization-editor/state-timeline-chart': '/dashboards/visualize/state-timeline-chart/',
+		'/dashboards/visualize/visualization-editor/table-chart': '/dashboards/visualize/table-chart/',
 	},
 	integrations: [
 		mermaid({
@@ -230,7 +247,56 @@ export default defineConfig({
 				{
 					label: 'Dashboards & Visualize',
 					collapsed: true,
-					autogenerate: { directory: 'dashboards' },
+					items: [
+						{ label: 'Overview', link: '/dashboards/' },
+						{ label: 'Build a Dashboard', link: '/dashboards/build/' },
+						{ label: 'Sharing Dashboards', link: '/dashboards/sharing/' },
+						{ label: 'Troubleshooting Dashboards', link: '/dashboards/troubleshooting/' },
+						{
+							label: 'Dashboard Variables',
+							collapsed: true,
+							items: [
+								{ label: 'Overview', link: '/dashboards/variables/' },
+								{ label: 'Managing Variables', link: '/dashboards/variables/managing-variables/' },
+								{ label: 'Using Variables', link: '/dashboards/variables/using-variables/' },
+							],
+						},
+						{
+							label: 'Visualize',
+							collapsed: true,
+							items: [
+								{ label: 'Visualization Editor', link: '/dashboards/visualize/' },
+								{ label: 'Visualization Transformations', link: '/dashboards/visualize/transformations/' },
+								{
+									label: 'Chart Types',
+									collapsed: true,
+									items: [
+										{ label: 'Area Chart', link: '/dashboards/visualize/area-chart/' },
+										{ label: 'Bar Chart', link: '/dashboards/visualize/bar-chart/' },
+										{ label: 'Bar Gauge Chart', link: '/dashboards/visualize/bar-gauge-chart/' },
+										{ label: 'Gauge Chart', link: '/dashboards/visualize/gauge-chart/' },
+										{ label: 'Heatmap', link: '/dashboards/visualize/heatmap-chart/' },
+										{ label: 'Histogram', link: '/dashboards/visualize/histogram-chart/' },
+										{ label: 'Line Chart', link: '/dashboards/visualize/line-chart/' },
+										{ label: 'Metric Chart', link: '/dashboards/visualize/metric-chart/' },
+										{ label: 'Pie Chart', link: '/dashboards/visualize/pie-chart/' },
+										{ label: 'Scatter Plot', link: '/dashboards/visualize/scatter-chart/' },
+										{ label: 'State Timeline', link: '/dashboards/visualize/state-timeline-chart/' },
+										{ label: 'Table', link: '/dashboards/visualize/table-chart/' },
+									],
+								},
+								{
+									label: 'Configuration',
+									collapsed: true,
+									items: [
+										{ label: 'Configure Visualizations', link: '/dashboards/visualize/configuring-visualizations/' },
+										{ label: 'Thresholds', link: '/dashboards/visualize/configuring-visualizations/thresholds/' },
+										{ label: 'Value Calculations', link: '/dashboards/visualize/configuring-visualizations/value-calculations/' },
+									],
+								},
+							],
+						},
+					],
 				},
 				{
 					label: 'Alerting',