Include diagrams in your Markdown files with Mermaid
EngineeringOpen SourceInclude diagrams in your Markdown files with MermaidA picture tells a thousand words. Now you can quickly create and edit diagrams in markdown using words with Mermaid support in your Markdown files. A picture tells a thousand words, but up until now the only way to include pictures and diagrams in your Markdown files on GitHub has been to embed an image. We added support for
会社ã§ãƒ•ãƒãƒ¼å›³ã‚’書ã“ã†ã¨æ€ã£ã¦ PlantUML 㨠mermaid.js を比ã¹ã¦ã¿ã‚‹ - Qiita
ãšã£ã¨ PlantUML ã§ã‚¯ãƒ©ã‚¹å›³ã‚’書ã„ã¦ããŸã‘ã©ã€æ›¸ããŸã„フãƒãƒ¼å›³ãŒ PlantUML ã§æ›¸ã‘ãªã‹ã£ãŸã®ã§ mermaid.js を触ã£ã¦ã¿ãŸã€‚ 会社ã«å°Žå…¥ã™ã‚‹ã£ã¦è¦³ç‚¹ã§æ¯”ã¹ã¦ã¿ã‚‹ã€‚ PlantUML ã¯çµæ§‹ãªé‡æ›¸ã„ãŸã®ã§æ…£ã‚Œã¦ã„ã‚‹ã‘ã© mermaid.js ã¯æ•°æ—¥è§¦ã£ã¦ã¿ãŸç¨‹åº¦ãªã®ã§ã€ç†è§£åº¦ãŒé•ã†ã®ã¯å‹˜å¼ã§ã€‚ æ¦‚è¦ ã‚µã‚¤ãƒˆç´¹ä»‹ã¨ã‚µãƒ³ãƒ—ル紹介
How to create a screen reader accessible graph like Apple's with D3.js by Sarah L. Fossheim
How to create a screen reader accessible graph like Apple's with D3.js After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js. I already covered some of the basics in the form of a bar chart, so this time I decided to go for a different type of graph: the activity rings. Before we start While we will build the grap
Workload Discovery on AWS | AWS Solutions | AWS Solutions Library
Maintain an inventory of the AWS resources across your accounts and AWS Regions Workload Discovery on AWS (formerly called AWS Perspective) is a tool to visualize AWS Cloud workloads. Use this AWS Solution to build, customize, and share detailed architecture diagrams of your workloads based on live data from AWS. The solution maintains an inventory of the AWS resources across your accounts and AWS
Online Diagram, Flowchart Maker | CloudSkew
CloudSkew is an online diagram & flowchart editor. You don't have to install any software. Just login and start drawing! Icons for AWS, Azure, GCP, Kubernetes, CNCF, Alibaba Cloud, IBM Cloud, Oracle Cloud (OCI) and more are already available in the app. You don't have to search for & download the symbols separately.
OAuth 2.0 / OIDC (OpenID Connect) フãƒãƒ¼ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ãƒ†ãƒ³ãƒ—レート | Authlete
Authlete ã‚’å«ã‚€ OAuth 2.0 / OIDC (OpenID Connect) フãƒãƒ¼ã®ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã‚’æããŸã‚ã®ãƒ†ãƒ³ãƒ—レート集ã§ã™ã€‚ テンプレート㯠PlantUML å½¢å¼ã«ã¦è¨˜è¿°ã•ã‚Œã¦ãŠã‚Šã€ä¸‹è¨˜ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã®ã‚ˆã†ã«ã€è¦ä»¶ã«å¿œã˜ã¦ãŠå®¢ã•ã¾è‡ªèº«ã«ã‚ˆã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã§ã™ã€‚ OAuth 2.0 èªå¯ã‚³ãƒ¼ãƒ‰ã‚°ãƒ©ãƒ³ãƒˆãƒ•ãƒãƒ¼ with Authlete OIDC èªå¯ã‚³ãƒ¼ãƒ‰ãƒ•ãƒãƒ¼ with Authlete OAuth 2.0 デãƒã‚¤ã‚¹èªå¯ã‚°ãƒ©ãƒ³ãƒˆãƒ•ãƒãƒ¼ with Authlete Lodging Intent Pattern Example with Authlete テンプレートã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¯ Apache License, Version 2.0 ã‚’é©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã”希望ã®æ–¹ã¯è³‡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ãƒ よりダウンãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„。
Nomnoml
Association types association - association -> association <-> dependency --> dependency <--> generalization -:> implementation --:> composition +- composition +-> aggregation o- aggregation o-> ball and socket -o) ball and socket o<-) ball and socket ->o note -- hidden -/- Class diagram types [class] [<abstract> abstract] [<instance> instance] [<reference> reference] [<package> package|components
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Node-Based UIs in React – React Flow
GitHub - xyflow/xyflow: 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.
GitHub - hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js
RoughNotation
GitHub - cidrblock/drawthe.net: drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created
GitHub - awslabs/diagram-maker: A library to display an interactive editor for any graph-like data.
GitHub - naver/billboard.js: 📊 Re-usable, easy interface JavaScript chart library based on D3.js
GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
Beautiful interactive visualizations on all platforms - everviz
GitHub - excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams
GitHub - jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
Cube — The Universal Semantic Layer
GitHub - vega/vega-lite: A concise grammar of interactive graphics, built on Vega.
{{#tags}}- {{label}}
{{/tags}}