Add prometheus-high-cardinality-metrics-label-design article

Author: webstackdev

COVERS.md

@@ -1171,3 +1171,25 @@ Create an image of a border crossing where guards (TLS verification) check trave
 ### Prompt 5: The Network Maze
 
 Design an image of a complex maze (private network) with multiple paths. Some paths are blocked (no route), some have locked doors (security groups), some require keys (TLS). A map (debugging playbook) shows how to navigate. Without the map, travelers wander lost. Style: navigation complexity, systematic pathfinding, layered obstacles, 16:9 aspect ratio.
+
+## prometheus-high-cardinality-metrics-label-design
+
+### Prompt 1: The Exponential Growth
+
+Create an image of a small seed (metric) planted in soil, with labels written on tags attached to branches. Each label tag causes exponential branching, rapidly filling the frame with an overwhelming tree. A gardener (engineer) prunes tags labeled "user_id" and "request_id" to control growth. Style: exponential growth visualization, pruning metaphor, controlled cultivation, 16:9 aspect ratio.
+
+### Prompt 2: The Memory Pressure
+
+Design an image of a pressure cooker (Prometheus) with gauges showing memory pressure. Labels are being added as fuel, some small (bounded) and some massive (unbounded). The unbounded labels cause the pressure gauge to spike into the red zone. A safety valve releases steam. Style: pressure dynamics, system limits, overload prevention, 16:9 aspect ratio.
+
+### Prompt 3: The Multiplication Table
+
+Illustrate a multiplication table where rows and columns are labels (method, endpoint, status, user_id). Small values multiply to reasonable numbers. When user_id row appears with 100,000 entries, the resulting cell numbers become astronomically large, breaking out of the table frame. Style: mathematical visualization, combinatorial explosion, dimensional scaling, 16:9 aspect ratio.
+
+### Prompt 4: The Bounded Garden
+
+Create an image of two gardens side by side. The bounded garden has neat rows with labeled sections (method: 5, status: 4) growing in organized patterns. The unbounded garden has wild, uncontrolled growth with "user_id: ∞" signs, choking everything else. Style: controlled vs chaos contrast, gardening organization, growth management, 16:9 aspect ratio.
+
+### Prompt 5: The Label Filter
+
+Design an image of a water filtration system where raw metrics flow in with many labels attached. Filters remove unbounded labels (user_id, request_id falling into reject bin). Clean, bounded metrics flow through. The reject bin overflows but the output stream is controlled. Style: filtration process, data hygiene, separation mechanics, 16:9 aspect ratio.

_TODO.md

@@ -199,7 +199,10 @@ To overlay an article title and published date on a cover image, use CSS positio
 - Time in prose is causing a line break, and the colon and minutes to be removed - "2:47 AM" in src/content/articles/mtls-certificate-rotation-service-mesh-authentication/pdf.mdx
 - Language "haproxy" is not highlighting Shiki, need to adjust allowed languages in config
 - Should we exclude "Footnotes" from the ToC list? Right now it shows at the bottom if there's a Footnotes H2.
-- If a reader has already given their email address - newsletter signup, contact form, download registration - the download CTA on short form articles should go directly to the HTML version of the deep dive, and it should have a PDF download button.
+- If a reader has already given their email address - newsletter signup, contact form, download registration, then the download CTA on short form articles should go directly to the HTML version of the deep dive, and it should have a PDF download button. Think this workflow through - maybe a "Short / Deep-Dive" slider button on top and don't show the CTA + the PDF download button.
+- The articles list page should show tags at top for quick navigation. There's another note about this. Show the count of articles per tag unless they're all the same on the tag.
+- Maybe duplicate - scrunch the header and set at absolute position when you scroll down, expand back when scroll up
+- 404 page should show search results based on query
 
 ## Reading position indicator
 
@@ -268,7 +271,7 @@ event-schema-versioning-compatibility-evolution
 
 rate-limiting-token-bucket-leaky-bucket-implementation
 release-quality-gates-automated-deployment-validation
-* retry-storm-prevention-exponential-backoff-jitter
+retry-storm-prevention-exponential-backoff-jitter
 reverse-engineering-documentation-legacy-systems
 service-catalog-metadata-schema-ownership-tracking
 service-decommissioning-scream-test-shutdown
@@ -318,7 +321,7 @@ We are writing an article based on an outline, not just merely adding a few line
 
 __review__
 
-We implemented our article by first generating an outline, and then writing each of the sections one by one. Please review the document in its entirety now, and make any suggestions you find that would improve the readability or quality of the article. Do not make any changes - just review and put together a list of suggestions to discuss. Ignore table, diagram, and code block caption prefixes like "Code:", "Table:", and "Figure:". They're used by the system to recognize the caption text. Ignore frontmatter properties.
+We implemented our article by first generating an outline, and then writing each of the sections one by one. Please review the document in its entirety now, and make any suggestions you find that would improve the readability or quality of the article. Do not make any changes - just review and put together a list of suggestions to discuss. Ignore table, diagram, and code block caption prefixes like "Code:", "Table:", and "Figure:" but let's make sure every table, diagram, and code block does have a caption. They're used by the system to recognize the caption text. Ignore frontmatter properties.
 
 __reduce__