kroki
excalidraw
Our great sponsors
kroki | excalidraw | |
---|---|---|
49 | 372 | |
2,651 | 72,274 | |
3.7% | 4.9% | |
8.8 | 9.5 | |
3 days ago | 5 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
kroki
-
WireViz: Easily document cables and wiring harnesses
Your wish showing up in the face of a submission just 14 days ago and then another 29 days ago must be indicative of why there are so many dupes all the time: https://news.ycombinator.com/from?site=kroki.io
You can feel free to submit the GH repo, as that one doesn't seem to have been submitted before https://github.com/yuzutech/kroki
-
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.
-
Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M
I use mermaid.js heavily, but plug for Kroki:
“Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, Symbolator, TikZ, UMLet, Vega, Vega-Lite, WaveDrom, WireViz... and more to come!”
- Kroki: A unified API to create any kind of diagram from text
- Kroki – Creates diagrams from textual descriptions
- How to draw beautiful software architecture diagrams
-
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 SandboxP:: https://kroki.io/#try [select Diagram>WireViz]
-
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.
-
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 screenshots showing variables on the left, diagram text in the middle, and a real-time render on the right:
* https://raw.githubusercontent.com/DaveJarvis/KeenWrite/main/...
* https://raw.githubusercontent.com/DaveJarvis/KeenWrite/main/...
KeenWrite supports all diagrams offered by Kroki, which includes "diagram-plantuml".
[1]: https://kroki.io/
- Pikchr: A PIC-like markup language for diagrams in technical documentation
excalidraw
-
Software Engineering Workflow
ExcaliDraw
-
Tools that Make Me Productive as a Software Engineer
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
Rapier is a set of 2D and 3D physics engines written in Rust
Fun fact: I used GA in Excalidraw, and it's still powering some of the interactions! https://github.com/excalidraw/excalidraw/blob/master/package...
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG / drag and drop editable that the open source https://excalidraw.com has and did I mention it's open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. "What a time to be alive!"
- Show HN: Batch Image Manipulation Toolkit in Browser
-
Ask HN: What development tools are you using for your current project?
I'm working on a personal project and found myself looking for an alternative to Postman/Insomnia this morning. This made me realize i've been using the same tools for so long for work (mobile development, finance) that this project may be a good time to try out some new things.
Here are a few tools that i've been using lately that I really enjoy:
https://pocketbase.io/ - A dead-simple self-hosted firebase/supabase-like "backend in a box" using golang and sqlite. So far i've been really impressed. I've gone the route of extending the base offering with more go code and am really enjoying the experience.
https://excalidraw.com/ - An open source whiteboarding tool. Slick to use and after learning some keybinds I've gotten pretty fast at throwing together diagrams to explain things to people on my team. The killer piece though is that the filetype is just json, so I can source control my diagrams. Even better, their "export to png" function has a box to embed the json data _into_ the png, allowing me to slap the diagram in places that only accept images (think confluence) and still be able to change the diagram later if needed. 10/10.
https://docs.gitlab.com/ee/ci/ - Gitlab's CI/CD toolset is really impressive, and I've gotten really intimate with it's deeper features over the past year. I'd be curious though to hear from someone who's familiar with it vs it's competitors.
- Keeping your fonts in embedded SVG
- Excalidraw
-
Penrose – Penrose
Sketch easy and go back to work...
- Rough.js: Create graphics with a hand-drawn, sketchy, appearance
What are some alternatives?
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
tldraw - Infinite canvas.
plantuml-syntax - vim syntax file for plantuml
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
plantuml - Generate diagrams from textual description
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
venn.nvim - Draw ASCII diagrams in Neovim
docker-draw.io - Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.
Zettlr - Your One-Stop Publication Workbench
drawio-desktop - Official electron build of draw.io