Eraser – Docs and Diagrams for Engineering TeamsAll-in-one markdown editor, collaborative canvas, and diagram-as-code builder
JSON Canvas
An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite
Developer Roadmaps - roadmap.sh
Watch Practice your skills with projectsBuild projects to skill up Developer Roadmaps roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings. Community created roadmaps, guides and articles to help developers grow in their career.
D2 Tour | D2 Documentation
D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image. For example, download the CLI, create a file named input.d2, copy paste the following, run this command, and you get the image below. NETWORKUSERAPI SERVERLOGSCELL TOWERONLINE PORTALDATA PROCESSORSATELLITESTRANSMIT
「データビジュアライゼーションの基礎」のまとめ グラフ編
こんにちは、Wantedlyでデータサイエンティストをしている樋口です! 先日会社で買ってもらったデータビジュアライゼーションの基礎を読みました。データ可視化について網羅的にわかりやすく書かれており参考になったため、記事にまとめてみました。書籍の英語版は無料で公開されているため、よければこちらも参考にしてみてください。 データビジュアライゼーションの知識を学ぶことで、科学的に誤った表現をせずに、芸術的に美しい表現ができ、明確で明瞭かつ魅力的にデータから得られる示唆を伝えることができる様になります。📊 本記事では、特定のライブラリや描画手段によらないデータ可視化の基礎について紹介します。 分量が多くなってしまったので、本記事ではデータビジュアライゼーションの”グラフ"にのみ着目しています。グラフ以外の構成要素(色、タイトル、テキスト、etc.)については別途記事にしたいと思います。 本記事
Svelvet
Build interactive, node-based UIs and diagrams in Svelte Svelvet is a lightweight component library for building dynamic, customizable node graphs Beautiful and Customizable Svelvet allows you to easily create intuitive user interfaces and diagrams with pre-built components with node-to-node data flow, seamless zooming and panning, customizable edges and nodes and more! Learn More Get Started Easi
Swimlanes.io
Create sequence diagrams with simple online tool Swimlanes.io is a free webapp for making sequence diagrams. You simply edit the text on the left and the diagram is updated in real time. You can download your sequence diagrams as images or distribute with a link. title: Welcome to swimlanes.io One -> Two: Message note: **swimlanes.io** is a simple online tool for creating _sequence diagrams_. Edit
ndiagでAWSのアーキテクチャドキュメントを書く
書き始める とりあえずチュートリアルを一周しました。 https://github.com/k1LoW/ndiag/blob/main/docs/tutorial.ja.md チュートリアルの順に、nodesを書いてみてndiag doc --rm-dist、networksを書いてndiag ...、relationsを書いて以下略、とするのが良さそうです。 アイコンのキーはndiag list iconsで表示できるので、これを見ながらndiag.ymlに書き込んでいきます。 VSCode ExtensionsでMarkdown Preview Enhancedをインストール。 Previewを見ながらndiag.ymlを書いては生成、書いては生成します。 とりあえず --- name: Sample AWS web service docPath: docs/arch views:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Recursion Viewer
GitHub - penrose/penrose: a language-based platform for creating beautiful mathematical diagrams
AutoDraw
GitHub - jerosoler/Drawflow: Simple flow library 🖥️🖱️
GitHub - apache/echarts: Apache ECharts is a powerful, interactive charting and data visualization library for browser
GitHub - tldraw/tldraw: SDK for creating whiteboards and canvas experiences on the web.
GitHub - AlexeyBoiko/DgrmJS: Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
さようならイラレ。RAWGraphsを使ったら、グラフ作成の速度が爆上がりした件 | GMOメディア クリエイターブログ
GitLab disclosed on HackerOne: Stored XSS via Mermaid Prototype...
Release 8.9.2 · mermaid-js/mermaid
Introducing Excalidraw+ | Excalidraw Blog
GitHub - tone-row/flowchart-fun: Easily generate flowcharts and diagrams from text ⿻
