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 â¿»
{{#tags}}- {{label}}
{{/tags}}