Reorganize advanced techniques with tabs and add custom visualization image

Co-authored-by: Matanga1-2 <24847398+Matanga1-2@users.noreply.github.com>

Author: Copilot

docs/guides/all/query-dora-metrics-using-port-mcp.md

@@ -109,35 +109,42 @@ Here are practical examples of questions you can ask to get insights from your D
 
 *Track improvement or degradation in a team's delivery speed over time.*
 
-#### Cross-metric analysis
-
-**Query:** "Which services have both high deployment frequency and low change failure rate?"
+### Advanced querying techniques
 
-*Identify well-performing services that maintain high velocity with good quality.*
+<Tabs>
+<TabItem value="filters" label="Filters">
 
-**Query:** "Show me teams with MTTR above 4 hours in the last month"
+**Time ranges and filtering:**
+- "Show me DORA metrics for services tagged as 'critical' in the last 30 days"
+- "What's the deployment frequency for microservices owned by the API team since January?"
+- "Compare MTTR between production and staging environments"
 
-*Identify teams that might need help with incident response processes.*
+</TabItem>
+<TabItem value="trends" label="Trends">
 
-### Advanced querying techniques
+**Trend analysis over time:**
+- "How has our overall change failure rate changed over the last 6 months?"
+- "Show me the deployment frequency trend for the E-commerce team quarter over quarter"
+- "Has the Platform team's lead time improved since implementing the new CI/CD pipeline?"
 
-#### Filtering and time ranges
+</TabItem>
+<TabItem value="benchmarks" label="Benchmarks">
 
-- **"Show me DORA metrics for services tagged as 'critical' in the last 30 days"**
-- **"What's the deployment frequency for microservices owned by the API team since January?"**
-- **"Compare MTTR between production and staging environments"**
+**Performance comparisons:**
+- "How do our DORA metrics compare to industry benchmarks?"
+- "Which teams are performing above/below the organization average for each DORA metric?"
+- "Show me services that meet the 'Elite' DORA performance criteria"
 
-#### Trend analysis
+</TabItem>
+<TabItem value="cross-metrics" label="Cross-Metrics">
 
-- **"How has our overall change failure rate changed over the last 6 months?"**
-- **"Show me the deployment frequency trend for the E-commerce team quarter over quarter"**
-- **"Has the Platform team's lead time improved since implementing the new CI/CD pipeline?"**
+**Multi-metric analysis:**
+- "Which services have both high deployment frequency and low change failure rate?"
+- "Show me teams with MTTR above 4 hours in the last month"
+- "Identify teams that might need help with incident response processes"
 
-#### Benchmarking
-
-- **"How do our DORA metrics compare to industry benchmarks?"**
-- **"Which teams are performing above/below the organization average for each DORA metric?"**
-- **"Show me services that meet the 'Elite' DORA performance criteria"**
+</TabItem>
+</Tabs>
 
 
 ## Understanding the responses
@@ -159,6 +166,8 @@ The MCP server responses rely on Port's data model, using the [available MCP too
 - Request to create a custom web application to visualize the data (Claude Artifacts is excellent for this)
 - Generate executive-ready dashboards and reports
 
+<img src="/img/guides/MCPDoraCustomVisualization.png" width="100%" border="1px" />
+
 :::tip Getting better results
 To get the most accurate and useful responses:
 - Be specific about time ranges (e.g., "last 30 days" instead of "recently")