css-in-readme-like-wat
d2
| css-in-readme-like-wat | d2 | |
|---|---|---|
| 3 | 97 | |
| 5,124 | 19,193 | |
| - | 5.4% | |
| 2.5 | 9.6 | |
| 4 months ago | 13 days ago | |
| Go | ||
| - | Mozilla Public License 2.0 |
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.
css-in-readme-like-wat
- CSS-in-readme-like-wat: Style your readme using CSS with this simple trick
-
When SVG almost got network support for raw sockets
SVG is crazy. Have you ever seen an animated SVG in a GitHub readme? Check it out: https://github.com/sindresorhus/css-in-readme-like-wat
- Show HN: Supershields.io – smart, Lua-powered SVG status badges
d2
-
My 2024 review
This year I've started writing about several documentation techniques (as code) in my Documentation as Code series. I definitely want to add at least D2Lang to it.
- D2: Declarative Diagramming – A modern language that turns text to diagrams
- Mermaid ASCII Diagrams
- D2: A New Diagram Scripting Language That Converts Text to Diagrams Instantly
-
Exploring Goja: A Golang JavaScript Runtime
I work on the D2 project ([0]) and we switched from other Javascript runners (v8go) to Goja. Using a JS runtime with a dependency on cgo means your Go program loses the (huge) benefit of cross-compiling to different architectures, since at build time it gets linked to the architecture-specific libc.
If you're interested in some production code with Goja, this is our code for calling RoughJS [1] from Go in order to produce the hand-drawn diagram look: [2]
[0] https://github.com/terrastruct/d2
- NMAP-formatter: convert NMAP results to HTML, CSV, JSON, graphviz (dot), SQLite
- Penrose – Penrose
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
While not embedded in markdown, I like d2 [1]. I can use it with org-babel to embed and view the diagrams on emacs. After using graphviz for years, the visual output seems more polished to me. With that said, I want to give pikchr a try.
[1]:https://d2lang.com/
- Ask HN: How do you build diagrams for the web?
-
Documentation as Code for Cloud - C4 Model & Structurizr
In the next post I'll deep-dive into the D2 language which also has a huge set of features. Stay tuned.
What are some alternatives?
elegant-cli - ✨ Build SEO-friendly websites, super fast full-stack web applications, and much more with Elegant. 💜 Built with Next.js, TipTap, Tailwind CSS, and more.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
shumway - Shumway is a Flash VM and runtime written in JavaScript
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
lightspark - An open source flash player implementation
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
gopher-lua - GopherLua: VM and compiler for Lua in Go
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
shields - Concise, consistent, and legible badges in SVG and raster format
diagrams - :art: Diagram as Code for prototyping cloud system architectures
MSPaintIDE - Programming in MS Paint
plantuml - Generate diagrams from textual description