Kroki Reviews and Details

Social recommendations and mentions

• Show HN: Free Mermaid Diagram Editor

  Https://kroki.io/#try Shout out to Kroki, which offers Mermaid and many other text-based diagramming formats. - Source: Hacker News / 26 days ago

• 📝 Dev.to Writers Community: One Command to Maintain Them All

  The CLI sends the block to Kroki, gets back an image, and saves it locally. After committing the image to your assets repo, dev push replaces the code block with an image link pointing to GitHub — dev.to never sees the mermaid source. But your local source is preserved, letting you fix the diagram when needed. Supports mermaid, PlantUML, BlockDiag, and many others. - Source: dev.to / 5 months ago

• ROQ: Creating a custom section helper

  In this blog post, we will implement a custom section helper that allows to invoke a Kroki.io server to generate images from almost every possible diagram as code language. - Source: dev.to / about 1 year ago

• Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text

  The sibling submission about https://kroki.io has an Excalidraw in https://kroki.io/#examples and the input is the following, so presumably "yes"

    {.

  - Source: Hacker News / about 1 year ago

• Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text

  Check out Kroki for a multi-syntax wrapper around a bunch of text driven diagram generators —- including Mermaid, PlantUML, Dirac, GraphViz, SVGBob, etc etc https://kroki.io/. - Source: Hacker News / about 1 year ago

• Show HN: GUI for Editing Mermaid Class Diagrams

  KeenWrite parses the `diagram-` prefix then passes the word `graphviz` to Kroki (https://kroki.io/), which has an API for rendering a variety of ASCII diagrams, including Mermaid. Meaning, if Kroki adds a new diagram type, KeenWrite gets it for free (without modification). In Markdown, formatting a source code snippet entails using the standard syntax for code blocks:

      ``` graphviz.

  - Source: Hacker News / over 1 year ago

• Show HN: Latex.to – LaTeX to image converter running in the browser

  Kroki [1] supports TikZ and by extension: PGF [2] and LaTeX. It supports SVG, PDF, JPEG, and PNG outputs. Rendering is done on the server. URLs can be quite long since the source is embedded in the URL but you can use a URL shortener [3]. [1]: https://kroki.io/. - Source: Hacker News / almost 2 years ago

• Vizdom: Diagrams as Code

  The L in DSL is "Language", so it's a programming language that is domain, or niche, specific. These are code. Diagramming is a domain, and within diagramming are any number of diagram type domains, leading to concise languages for particular niches. Compare 25+ of these niches here: https://kroki.io/. - Source: Hacker News / almost 2 years ago

• D2 Playground

  Pikchr https://pikchr.org/home/pikchrshow is the other general purpose one and older than d2. It is "Source-Code License: 0-clause BSD" as it says on the page. Someone made it into wasm and put playground for pikchr here https://www.jakethaw.com/pikchr_webassembly_demo/ Can also try pikchr online here on https://kroki.io/#try which is hosting many other text to diagram tools as well. - Source: Hacker News / over 2 years ago

• Nomnoml

  If you don't mind my asking, what aspects of "acceptable layout" is usually the first to get busted? I'm extremely excited about using WireViz[1] to automate wiring harness diagram creation, and if I can, I'd like to know the speedbumps before I hit them. I'm thinkin generous linking between diagrams will be one path. [1] Project:: https://github.com/wireviz/WireViz [select Diagram>WireViz]. - Source: Hacker News / almost 3 years ago

• LaTeX for publishing tabletop role-playing games

  The SVG output is embedded into the PDF file. https://kroki.io/examples.html#mind-map Kroki has other text-based formats for flow charts, Gantt charts, UML diagrams, packet diagrams, network diagrams, word clouds, etc. - Source: Hacker News / almost 3 years ago

• Documentation as Code for Cloud Using PlantUML

  My cross-platform desktop text editor, KeenWrite, allows users to define variables in an external YAML file. The editor calls out to Kroki[1] to convert text-based diagrams to SVG. The diagrams can reference variables and are rendered using EchoSVG[2]. KeenWrite[3] can produce PDF documentation from Markdown documents that has PlantUML diagrams with elements stored in an external, machine-readable file. Here are... - Source: Hacker News / about 3 years ago

• Pikchr: A PIC-like markup language for diagrams in technical documentation

  Did you try to use https://kroki.io/ as renderer instead? - Source: Hacker News / about 3 years ago

• List of all ChatGPT plugins as of (28/06/2023)

  Description: Create and display diagrams from kroki.io or using networkx and matplotlib. Source: about 3 years ago

• Entity Relationship Diagrams

  Plantuml is amongst the best there is. kroki.io has a sandbox for it Mermaid.js can do it in notion, it works as well as any other mermaid. Dbvisualizer is fantastic if you have an existing schema in a db instance. you may need the trial license to render the diagrams. Source: about 3 years ago

• New GPT diagramming plugin

  You can see the list of supported formats at: https://kroki.io/. Source: about 3 years ago

• New ChatGPT diagram plugin

  I created a diagramming plugin for fun. This one uses kroki.io to generate diagrams rather than only Mermaid. I've also added a "network" type which gets rendered via networkx and matplotlib on the backend. I would love any feedback if anybody finds it useful or interesting, or issues. Source: about 3 years ago

• I asked GPT-4 to reveal it's secret plan in PlantUML format

  I love diagram markup. The code can be rendered in the official PlantUML renderer or Kroki. This page lists many different kinds of diagrams that can be rendered. Source: over 3 years ago

• Business Process Diagram as code

  You might want to look at: https://kroki.io/. Source: over 3 years ago

• What is a good, free software that can be used for diagramming the narrative of a story-based game?

  You might want to try something like https://www.diagrams.net/ (has online,offline versions). Its more used for Technical Diagrams but flowcharts are there too. Or https://mermaid.js.org/intro/ Or even more technical as simple tool that can be called by any programm to create a Diagram from text https://kroki.io/. Source: over 3 years ago

• How to Communicate Your Process Visually using BPMN as Code

  Diagram as Code is a trending concept that automatically generates diagrams from a simple text/code. Some of the pioneers are PlantUML, Mermaid and Kroki. It has several great benefits like having your architecture diagrams close to your code and your development flow. If you want to learn more about it, there's a presentation that covers main benefits in action. - Source: dev.to / over 3 years ago