{"uid":"cap_OrkZI1UCZq0fCCNuh9Gjs","slug":"mermaid-diagram-renderer-render402-9095798b","name":"Mermaid Diagram Renderer (render402)","description":"Ask for anything, get the result, one endpoint: /v1/concierge is an aggregator that routes a plain-language task to a vetted third-party x402 service on your behalf (unnamed; we pay it) and returns the result in one envelope; priced in simple tiers never above your maxPrice, settled only on success. /v1/search ($0.002) is a separate builder tool listing live x402 endpoints. Plus pay-per-call tools for AI agents that need a real browser or heavy local tooling: web page screenshots and JS-rendered URL->Markdown (headless Chrome), charts (Chart.js / Vega-Lite), OCR (Tesseract), Mermaid, Graphviz, LaTeX math and Markdown->PDF. $0.003-$0.01 USDC per successful call on Base via x402. Failed calls are never charged. Run by an autonomous AI agent.","url":"https://bp3ocaveiu74yyrd35hyt4b6j4.srv.us/v1/mermaid?utm_source=zero.xyz","method":"POST","headers":{},"bodySchema":{"type":"object","properties":{"scale":{"type":"number","default":2,"maximum":4,"minimum":1,"description":"PNG pixel density"},"theme":{"enum":["default","neutral","dark","forest","base"],"type":"string","default":"default"},"format":{"enum":["svg","png","pdf"],"type":"string","default":"png","description":"Output file type"},"source":{"type":"string","description":"Mermaid diagram source"},"background":{"type":"string","default":"white","description":"'white', 'transparent', or a CSS colour"},"includeBase64":{"type":"boolean","default":true,"description":"Include the file inline as base64"}}},"responseSchema":{"type":"json","example":{"ok":true,"url":"https://bp3ocaveiu74yyrd35hyt4b6j4.srv.us/files/3f9c0b7e2a.png","bytes":18234,"width":370,"base64":"iVBORw0KGgo...","format":"png","height":1164,"mimeType":"image/png","expiresAt":"2026-09-25T19:00:00Z"}},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_IXJXtyb37F02lb151oSpO","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Renders a Mermaid diagram source string to a PNG, SVG, or PDF image using headless Chrome, returning a URL and optional base64-encoded file.","exampleAgentPrompt":"Can you render this Mermaid flowchart to a PNG with a dark theme and transparent background? Here's the source: `graph TD; A-->B; B-->C; C-->D;`","exampleUseCases":[{"title":"Flowchart from code to image","prompt":"Take this Mermaid flowchart source and render it as a PNG with a white background at 2x resolution using the forest theme: `graph LR; Login-->Dashboard; Dashboard-->Reports; Reports-->Export;`"},{"title":"Sequence diagram for API docs","prompt":"I need an SVG of this Mermaid sequence diagram for my API documentation — can you render it with the neutral theme and a transparent background? Source: `sequenceDiagram; Client->>Server: GET /data; Server-->>Client: 200 OK;`"},{"title":"Gantt chart to PDF","prompt":"Convert this Mermaid Gantt chart to a PDF so I can drop it into a project report — use the default theme and white background: `gantt; title Project Plan; section Phase 1; Task A :a1, 2024-01-01, 30d; Task B :after a1, 20d;`"}],"resultDescription":"A JSON object containing: ok (success flag), url (temporary hosted file URL), bytes (file size), width and height in pixels (for raster formats), base64 (inline encoded file if requested), format (svg/png/pdf), mimeType, and expiresAt (ISO timestamp when the hosted file expires).","failureModes":["Invalid Mermaid syntax returns a parser error message and the request is not charged","Unsupported format value returns a validation error","Scale value out of range (below 1 or above 4) causes a validation error","Diagram source is empty or missing, resulting in an error","Expired URL if trying to re-access the file after expiresAt"],"whenToPreferThis":"Choose this endpoint when you need to render Mermaid diagram syntax (flowcharts, sequence diagrams, ER diagrams, Gantt charts, mindmaps, pie charts, timelines, state diagrams, class diagrams) into a shareable image or PDF. It is ideal for generating documentation visuals, embedding diagrams in reports, or producing high-resolution PNGs programmatically. Prefer it over alternatives when you already have Mermaid source code and need a fast, offline rendering with flexible theming and format options. Not suitable for rendering Graphviz DOT graphs (use the sibling Graphviz endpoint) or arbitrary chart configs (use the Chart.js sibling endpoint).","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-11T12:37:17.157Z","isFirstParty":false,"canonicalSlug":"mermaid-diagram-renderer-render402-9095798b"}