TypeScript-Call-Graph
mermaid
Our great sponsors
| TypeScript-Call-Graph | mermaid | |
|---|---|---|
| 3 | 122 | |
| 213 | 66,838 | |
| - | 2.1% | |
| 0.0 | 10.0 | |
| about 1 year ago | 7 days ago | |
| JavaScript | 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.
TypeScript-Call-Graph
-
Ask HN: Visualizing software designs, especially of large systems (if at all)?
Specifically for TypeScript I created a CLI to visualize the call graph
https://github.com/whyboris/TypeScript-Call-Graph
Works for _functions_ not classes. I'm unsure how useful this tool is, but I suspect it might be helpful in some codebases.
-
Create and share beautiful images of your source code
A slightly-related project I created: TypeScript Call Graph - generate/visualize a call graph of your TypeScript files in a variety of ways. MIT open source ;)
https://github.com/whyboris/TypeScript-Call-Graph
-
How an Anti-TypeScript “JavaScript developer” like me became a TypeScript fan
Mildly-related project I have: generate call graph for typescript files
https://github.com/whyboris/TypeScript-Call-Graph
The TypeScript language service is really neat -- you can use it to parse through .ts files so you can, for example, see which functions call which functions.
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?
ts-node - TypeScript execution and REPL for node.js
plantuml - Generate diagrams from textual description
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
typescript-is
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
codebase-visualizer-action - Visualize your codebase during CI.
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
LookAtThat - Render source code in 3D, for macOS and iOS.
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
proposal-record-tuple - ECMAScript proposal for the Record and Tuple value types. | Stage 2: it will change!
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams