viz.js
KeenWrite
Our great sponsors
viz.js | KeenWrite | |
---|---|---|
7 | 98 | |
3 | 621 | |
- | - | |
0.0 | 0.0 | |
about 4 years ago | 7 months ago | |
JavaScript | Java | |
MIT License | GNU General Public License v3.0 or later |
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.
KeenWrite
-
Ask HN: Tell us about your project that's not done yet but you want feedback on
KeenWrite is my free, open-source, cross-platform desktop Markdown editor that can produce beautifully typeset PDFs. I started working on it years ago to help write a novel that has a complex timeline and I couldn't find a text editor that would allow me to integrate a character sheet with the story itself.
https://github.com/DaveJarvis/keenwrite
Tutorials:
* https://www.youtube.com/playlist?list=PLB-WIt1cZYLm1MMx2FBG9...
Here's what I mean by using variables directly:
* https://www.youtube.com/watch?v=CFCqe3A5dFg
CommonMark doesn't propose a standard for bibliographic references. Would anyone find the editor more appealing if it had cross-references and citations?
-
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/
[2]: https://github.com/css4j/echosvg/
[3]: https://github.com/DaveJarvis/keenwrite
- On why Markdown is not a good, or even a half-decent, markup language
- MdBook – Create book from Markdown files. Like Gitbook but implemented in Rust
- KeenWrite 3.3.2: MermaidJS diagrams (with caveat)
-
Interactive CommonMark Tutorial
Although not interactive, I've created a video series that shows advanced usage of Markdown. Namely R, external variables, diagrams, math, annotations, and a different approach to metadata:
* https://www.youtube.com/playlist?list=PLB-WIt1cZYLm1MMx2FBG9...
Tutorial 4 shows basic Markdown:
* https://www.youtube.com/watch?v=qNbGSiRzx-0
The top-right of each video shows keyboard and mouse clicks to help follow along.[1] My desktop text editor, KeenWrite[2], is used in the tutorials.
[1]: https://github.com/DaveJarvis/kmcaster
[2]: https://github.com/DaveJarvis/keenwrite
-
“Exit Traps” Can Make Your Bash Scripts Way More Robust and Reliable
https://github.com/DaveJarvis/keenwrite/blob/main/scripts/bu...
My template script provides a way to make user-friendly shell scripts. In a script that uses the template, you define the dependencies and their sources:
DEPENDENCIES=(
-
EchoSVG: SVG rasterizer library supporting level 4 selectors (Apache 2)
I didn't create the fork, nor am I affiliated with the project. I use it in my text editor, KeenWrite to rasterize SVG.
-
Millions of dollars in time wasted making papers fit journal guidelines
KeenWrite Themes[1] are instructions that tell ConTeXt how to typeset XHTML documents (content) into PDF files (presentation). I made a tutorial that shows how my FOSS desktop text editor, KeenWrite[3], allows users to write in Markdown to typeset a document against a particular theme.
Before it can be used for scientific papers, it needs cross-references, which, unfortunately, aren't part of the CommonMark specification.
I posit that the vast majority of LaTeX users don't grok how to separate content from presentation. When I asked a question on TeX.SE about how to adjust the line spacing between enumerated items (spanning a couple dozen enumerated lists), the vast majority of people voted for the answer of using `\itemsep0em` to tweak each list ... individually.[4] The correct answer, IMO, is to fix the problem globally, and not waste time tweaking individual lists.
[1]: https://github.com/DaveJarvis/keenwrite-themes
[2]: https://www.youtube.com/watch?v=3QpX70O5S30
[3]: https://github.com/DaveJarvis/keenwrite
[4]: https://tex.stackexchange.com/questions/6081/reduce-space-be...
What are some alternatives?
uPlot - 📈 A small, fast chart for time series, lines, areas, ohlc & bars
markdown-preview.nvim - markdown preview plugin for (neo)vim
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
marktext - 📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
typst - A new markup-based typesetting system that is powerful and easy to learn.
backendlore - How I write backends
vim-markdown - Markdown Vim Mode
step-ca-on-rpi - Smallstep Certificate Authority on Rpi4 with Yubikey
Zettlr - Your One-Stop Publication Workbench
kroki - Creates diagrams from textual descriptions!
xenops - An editing environment for LaTeX mathematical documents