shotglass
mermaid
shotglass | mermaid | |
---|---|---|
2 | 125 | |
20 | 67,593 | |
- | 1.8% | |
8.6 | 10.0 | |
about 1 month ago | about 12 hours ago | |
Jupyter Notebook | JavaScript | |
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.
shotglass
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
Very interesting! I'm convinced humans looking at code plots can see things that computers can't. An extension of your idea is to show how code changes over time. Sections that don't change much = "backbone" of system, probably bug-free. New code, or code that changes a lot = "sketchy", might have bugs. Alternatively, show code colored by "quality" i.e. complexity.
Here's my take: https://github.com/johntellsall/shotglass#demo-flask-a-small...
-
Need to write README but don't know what to say? 7 diagram generators
This is close to my heart :) I've been toying with a codebase visualizer, "Shotglass". It's unique that it shows a pixel _for every single line of code_, thus showing the overall structure. Functions can be individually colored, e.g. to show code complexity.
Code + screenshots: https://github.com/johntellsall/shotglass#demo-django-a-bit-...
mermaid
-
Show HN: Collaborative, text-based technical diagramming tool
There is no documentation of the syntax. How is this different from MermaidJS[1]?
[1]https://mermaid.js.org/#/
-
AsciidocFX: The Asciidoc Editor for documentation and authoring
Mermaid Diagram - Create diagrams using text and code
-
Creating Animated Diagrams for LinkedIn
Mermaid - https://mermaid.js.org/
-
ChatCraft Adventures #13, UI Changes
This is an Issue I opened up for a potential feature. A couple weeks ago, I added nomnoml support to ChatCraft. ChatCraft renders previews for Mermaid and Nomnoml.
-
Building a Mermaid.js Gantt Chart in a FileMaker Web Viewer
Mermaid JS is a powerful JavaScript library that allows developers to create complex diagrams and visualizations using simple text and code syntax. It’s a lot like markdown, but for charts instead of plain text.
-
ChatCraft Adventures #10
Currently, ChatCraft supports Mermaid rendering. This feature request involves adding support for nomnoml rendering. Nomnoml is similar to Mermaid, in that they're both used in generating uml diagrams.
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
-
Show HN: Marimo – an open-source reactive notebook for Python
Marimo looks and feels great!
Have you considered adding support for mermaid.js in the markdown? I tried including some mermaid.js in a `mo.md` invocation, but it didn't render the diagram :-)
https://mermaid.js.org/
-
Penrose – Penrose
This feels like the LaTeX version of Mermaid.js [0]. I can do anything with it, but I gotta learn a lot of new syntax. So, really cool! Gonna have to dig into this.
[0] https://mermaid.js.org/
What are some alternatives?
spekt8 - Visualize your Kubernetes cluster in real time
plantuml - Generate diagrams from textual description
saddle-data-graph - where does it come from, where does it go?
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
plurid - Explore Information as a 3D Structure
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
Pythonocc-nodes-for-Ryven - Pythonocc nodes for Ryven
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
c4-notation - Technical resources for using the C4 model for visualizing software architecture.
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
Sourcetrail - Sourcetrail - free and open-source interactive source explorer
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams