plurid
mermaid
Our great sponsors
plurid | mermaid | |
---|---|---|
5 | 122 | |
21 | 67,034 | |
- | 2.1% | |
7.2 | 10.0 | |
4 months ago | about 15 hours ago | |
TypeScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
plurid
-
VisionOS
Been thinking since 2015 how to explore information as a 3D structure: plurid [1]. The stable library is for now only for React.
[1] https://github.com/plurid/plurid
-
Show HN: How to create a 3D space using CSS
Since 2015 I have been thinking how to explore information as a 3D structure. This thought has led to developing plurid [1], [2], a component library (for React for now) to transform a web page into a rotate-able/translate-able/scale-able space with the content on planes.
[1] Code, https://github.com/plurid/plurid
[2] Demo, https://www.youtube.com/watch?v=aV7MWFDVFkk
-
plurid'?
plurid' is an open-sourced software package to generate 3D user interfaces
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
I gave this a bit of thought earlier this year (https://alexanderell.is/posts/visualizing-code/) and, with the help of HN commenters, collected a small list of ways people are working to help with code visualization. I don't think most of them are production ready (some are just research papers), but you may find them interesting all the same.
SoftVis3D (https://softvis3d.com/): where a "‘code city’ view provides a visualization for the hierarchical structure of the project".
Code Park: A New 3D Code Visualization Tool (2017) (https://arxiv.org/pdf/1708.02174.pdf), a “novel tool for visualizing codebases in a 3D game-like environment” with code represented as “code rooms” with code on the walls.
Code Structure Visualization Using 3D-Flythrough (2016) (https://opus-htw-aalen.bsz-bw.de/frontdoor/deliver/index/doc...), with spatial metaphors and first-person exploration of code.
Primitive (https://primitive.io/), a VR collaboration startup with a Matrix-looking “Immersive Development Environment” with “new tools for visually analyzing software in 3D”.
AppMap (https://appland.com/docs/how-to-use-appmap-diagrams.html), an automated code analysis tool that includes dependency maps and trace views.
plurid (https://github.com/plurid/plurid), a framework for visualizing and debugging code in a 3D explorable structure.
fsn (file manager) (https://en.wikipedia.org/wiki/Fsn_(file_manager)), an experimental application to view a file system in 3D (featured in Jurassic Park).
- Plurid: Underframe to Render Information as a 3D Explorable Structure
mermaid
-
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/
- Mermaid: Diagramming and Charting Tool
- What website frameworks are used to build these websites?
What are some alternatives?
spekt8 - Visualize your Kubernetes cluster in real time
plantuml - Generate diagrams from textual description
shotglass - Tools to visualize large code bases in different ways.
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
digital-gardeners - Resources, links, projects, and ideas for gardeners tending their digital notes on the public interwebs
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
saddle-data-graph - where does it come from, where does it go?
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
glTF - glTF – Runtime 3D Asset Delivery
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
LookAtThat - Render source code in 3D, for macOS and iOS.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams