{"uid":"cap_IlmM8dwIV5jpRmWkfuouP","slug":"saylor-innovations-diagram-renderer-27638893","name":"Saylor Innovations Diagram Renderer","description":"Render Diagrams: Mermaid, Graphviz, PlantUML, D2 → SVG/PNG — Developer Tools","url":"https://saylorinnovations.com/api/diagram/render?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET","POST","PUT","PATCH","DELETE","HEAD"],"type":"string"},"queryParams":{"type":"object","properties":{"type":{"type":"string","description":"optional mermaid | graphviz | plantuml | d2 | c4plantuml | bpmn | erd | nomnoml ... default mermaid (query)"},"source":{"type":"string","description":"diagram source text (query)"}}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string","const":"json"},"example":{"type":"object","required":["rendered"],"properties":{"svg":{"type":"string"},"rendered":{"type":"boolean"},"image_urls":{"type":"object"}}}}}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.002","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.002/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.002","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.002","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_GQhFofczcmb_Sai7m34ed","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.002","costPer":"request","priority":0,"asset":"EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Renders diagram source code (Mermaid, Graphviz, PlantUML, D2, and more) into SVG or PNG images","exampleAgentPrompt":"Can you render this Mermaid flowchart source code into an SVG for me? Here's the diagram text: `graph TD; A-->B; A-->C; B-->D; C-->D;`","exampleUseCases":[{"title":"Architecture diagram for documentation","prompt":"I have this PlantUML class diagram source for our microservices architecture — can you render it into an SVG image I can drop into our README? Here's the source: `@startuml\\nclass OrderService\\nclass PaymentService\\nOrderService --> PaymentService\\n@enduml`"},{"title":"Flowchart from Mermaid code","prompt":"Turn this Mermaid flowchart into a PNG image for me: `graph LR; Login-->Auth; Auth-->Dashboard; Auth-->Error;`"},{"title":"ERD visualization for database schema","prompt":"I've written an ERD diagram in Graphviz DOT format describing our database tables — can you convert it to an SVG so I can share it with the team? The source is: `digraph ERD { User -> Order [label=\"places\"]; Order -> Product [label=\"contains\"]; }`"}],"resultDescription":"Returns a JSON object indicating whether rendering succeeded (rendered: true/false), the SVG markup as a string if applicable, and image_urls containing links to the generated image formats (e.g. PNG). On success the SVG string can be embedded directly into HTML or documentation.","failureModes":["Invalid or malformed diagram source syntax returns rendered: false with no image output","Unsupported diagram type string causes a parameter error","Missing required 'source' query parameter results in a bad request response","Very large or complex diagrams may time out or return an error","Network or upstream rendering engine errors may cause intermittent failures"],"whenToPreferThis":"Choose this endpoint when you need to programmatically convert textual diagram source code (Mermaid, Graphviz DOT, PlantUML, D2, C4PlantUML, BPMN, ERD, nomnoml) into a visual SVG or PNG image, especially in agentic or automated pipelines where paying per-call via x402 micropayments is acceptable. Prefer it when you need multi-format diagram support in a single API rather than integrating separate rendering libraries.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-02T03:01:21.546Z","isFirstParty":false,"canonicalSlug":"saylor-innovations-diagram-renderer-27638893"}