viz.js
flowchart-fun
Our great sponsors
viz.js | flowchart-fun | |
---|---|---|
7 | 60 | |
3 | 3,002 | |
- | 0.7% | |
0.0 | 8.8 | |
about 4 years ago | 6 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.
viz.js
-
FlowChart Applications
Generally, you're best off with Viz.js, an emscripten transcompile of GraphViz
-
Trying to create a tool similar to this image that allows me to creat different workflows by drag and drop and connecting but don' know what its called in order to research how to do it. Does an have a suggestion on where to look to get started? Are there any libraries that exist already? Thank you!
Other resources - Graphviz and Viz.js helped me a lot in in creating graphing app I built before I knew of these other libraries. "Graph visualization" was what I was searching for.
-
Readable unit counters chart
To modify it, go to http://viz-js.com/, select Engine: circo and paste the following code: ``` digraph G { // Colors. See https://graphviz.org/doc/info/colors.html. Pikemen, MenAtArms [style=filled, fillcolor=lightskyblue1] Archers, Crossbowmen [style=filled, fillcolor=khaki] Horsemen, Knights [style=filled, fillcolor=lawngreen] Rams, Springalds, Mangonels, Trebuchets [style=filled, fillcolor=plum]
- Include diagrams in your Markdown files with Mermaid
- Graphviz: Open-source graph visualization software
-
Looking for a Graph Visualization Software or Library
This might fit the bill in js land http://viz-js.com/
-
Ask HN: What are the best charting / graphing JavaScript tools
> but the bundle is enormous - over a megabyte of data
If only DOT layout engine and JSON output format is enabled at compile time it is about 600KiB, or less than 200KiB Gzipped. https://github.com/rapidlua/viz.js
> A nice thing about having an SVG render is that it's very easy to attach events, and inline SVGs can be styled with CSS.
Indeed it’s super handy! I’m using this approach in https://LuaJIT.me to produce an interactive visualisation of a graph of traces in a JIT compiler.
flowchart-fun
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
https://flowchart.fun recently helped a lot with a project.
- Simple Text to Flowchart, Online & Free
-
How to draw beautiful software architecture diagrams
- flowchart.fun - paid - https://flowchart.fun
- Text to Mindmap
- Flowchart Fun
-
What is your favorite diagram software?
flowchart.fun though!
-
Ask HN: AI to study my DSL and then output it?
On https://flowchart.fun I found that I got better overall results by asking GPT for an intermediate syntax that it was less likely to mess up (and easier for me to parse), and then parsing and transforming that syntax to my DSL. The relevant code: https://github.com/tone-row/flowchart-fun/blob/main/api/prom...
-
Would like to create documentation for my server - What are the best tools ?
https://flowchart.fun is a good one if you're looking for something fast. (It's text-to-diagram)
-
Using GPT-4 for Business Process Flowcharts - Converting Visio to a Text-Based Syntax?
That's the use-case we're angling for with our GPT integration on flowchart.fun
-
Displaying a tree of questions graphically
If you just need the image for your interface, you can generate one very quickly with https://flowchart.fun
What are some alternatives?
uPlot - 📈 A small, fast chart for time series, lines, areas, ohlc & bars
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
Cytoscape.js - Graph theory (network) library for visualisation and analysis
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
d3-dag - Layout algorithms for visualizing directed acyclic graphs
backendlore - How I write backends
step-ca-on-rpi - Smallstep Certificate Authority on Rpi4 with Yubikey
sketchviz - A command line clone of https://sketchviz.com/
qgroundcontrol - Cross-platform ground control station for drones (Android, iOS, Mac OS, Linux, Windows)
plantuml - Generate diagrams from textual description