介绍drawio和图表使用场景

news2024/11/6 19:16:49

图表介绍

drawio是一个基于Web技术的草图、简图和图表的解决方案。 drawio支持在线编辑器,app.diagram.net.并支持不同的操作系统的桌面版离线安装版本。如:windows, linux, macOS。

对于个人或者团队,把图表绘制的安全放到第一位,drawio官方提供了数据安全存储的多种解决方案,用户可以选择把数据存储到不同的平台。

包括Atlassian Confluence Cloud, jira cloud, 谷歌应用, github, 微软应用,Notion等都集成了drawio。 除此之外,还有很多的第三方可用的平台和工具,内部都集成了drawio。

国内,drawon.cn, 有道云笔记,钉钉,飞书,processon等都集成了drawio。而 drawon.cn 是唯一一个国内最接近drawio的原生交互习惯和改造较深的图表绘制平台。

在这里插入图片描述
在这里插入图片描述

什么是图表

图表不像你用画刷去绘制一张图片,也不是你用电子表格去描绘数据,再绘制出制图。

图表不是解决下面的功能的

素描绘画

在这里插入图片描述

电子表格
在这里插入图片描述

与上面的场景不同,放置一些图表元素, 把他们用线连接起来,增加一些描述性的文字,对图表元素设置样式承载传递更复杂的可视化信息。

drawio就是一个能够创建各种各样的图表,例如:流程图,思维导图,组织架构图,韦恩图,信息图,网络图,架构图,楼层平面图,电器机架图,UML图等更多的图表。

drawio的简单白板功能, 或者叫简单的在线草图编辑主题,可以在会议的时候使用,给我们一个简单、在线使用白板快速的表达我们的想法。
在这里插入图片描述

图表类型和实例

如下连接可以学到更多关于图表类型和怎样在drawio中创造他们,按照大类来阐述。

业务和项目管理

  • 项目计划(Project planning)和看板(Kanban boards)
  • 依赖图,组织图,树状图
  • 针对商业上的BPMN图
  • 故事映射图(story mapping)
  • 泳道图(Swimlane diagrams)
  • 楼层平面图(Floorplans)

在这里插入图片描述

软件开发

  • UML图表
  • 针对数据库模型的实体关系图
  • 基于Mermaid描述的图表
  • Gitflow图
  • C4模型和关系图
    在这里插入图片描述

IT和集成设施

  • 威胁模型(Threat models)
  • 网络和基础设施图
  • 架子图(Rack diagrams)
  • 亚马逊的基础架构图
    在这里插入图片描述

在这里插入图片描述

关于更多的图表类型,请参考图表和模板系列图形展示。

下一步学习图表编辑器

  • 学习图表布局
  • 跟随基础图表指南创建你的第一个图表
  • 查看和打印快捷键
    在这里插入图片描述

也可以使用国内 drawon产品网址:https://www.drawon.cn?useSource=csdn

深度集成drawio,并做了云端存储,最大限度的方便用户使用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1115137.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【马蹄集】—— 概率论专题:第二类斯特林数

概率论专题:第二类斯特林数 目录 MT2224 矩阵乘法MT2231 越狱MT2232 找朋友MT2233 盒子与球MT2234 点餐 MT2224 矩阵乘法 难度:黄金    时间限制:5秒    占用内存:128M 题目描述 输入两个矩阵,第一个矩阵尺寸为 l…

Python-嗨格式 之音频转换,ncm转mp3

缘由:本想下载一些歌到车机播放,发现大部分是ncm格式的。 查了下才知道是音乐软件限制了,会员下载的音频文件为.ncm格式,目前只能在网易云音乐APP上播放,不支持在其他音频播放软件或音频设备使用。 百度转换软件&…

Python词语转拼音

使用python写的图形汉语词语转拼音小工具 1)安装库 pip install flet 2)代码 # 声母列表 initial_consonant_list [b, p, m, f, d, t, n, l, g, k, h, j, q, x, zh, ch, sh, r,z, c, s, y, w] # 韵母列表 list_of_vowels [a, o, e, i, u, , ai, ei, ui, ao, ou, iu, ie, e…

MIKE水动力笔记18_如何将dfsu流场模拟结果的数据导出成txt文件

本文目录 前言Step 1 前置工作Step 2 导出相应数据 前言 MIKE的模拟结果dfsu文件的数据是可以导出的,导出格式为xyz,我们也可以将其改后缀改为txt文本格式,其中包含了某一时刻下所有网格坐标点的数据。 Step 1 前置工作 首先,在…

【驱动开发】控制stm32mp157a开发板三盏灯的亮灭

编写应用程序控制三盏灯的亮灭 head.h: #ifndef __HEAD_H__ #define __HEAD_H__typedef struct {unsigned int MODER;unsigned int OTYPER;unsigned int OSPEEDR;unsigned int PUPDR;unsigned int IDR;unsigned int ODR; }gpio_t;//LED灯的寄存器地址 #define …

unity脚本_力 c#

创建一个脚本 将代码挂载到物体上 取消物体的重力 运行即向z轴运动 加力之后 是否停止是由阻力影响 如果阻力为零 则会一直运动 如果希望就算有阻力也让物体一直动就将加力代码放在Update函数里 using UnityEngine; public class Power : MonoBehaviour{ Rigidbody rigidBo…

SpringBoot 打包与运行

一、SpringBoot 程序打包 1、在Springboot工程 pom文件中&#xff0c;引入 spring-boot-maven-plugin 插件。 <build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifact…

基于鹈鹕优化的BP神经网络(分类应用) - 附代码

基于鹈鹕优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于鹈鹕优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.鹈鹕优化BP神经网络3.1 BP神经网络参数设置3.2 鹈鹕算法应用 4.测试结果&#xff1a;5.M…

基于蛇优化优化的BP神经网络(分类应用) - 附代码

基于蛇优化优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于蛇优化优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.蛇优化优化BP神经网络3.1 BP神经网络参数设置3.2 蛇优化算法应用 4.测试结果&#x…

二零二三充能必读 | 1024程序员狂欢节 —— 掌握前沿技术,探索未知领域

文章目录 I T 技术 ( I T T e c h n o l o g y ) IT技术(IT Technology) IT技术(ITTechnology)▊《 速学Linux&#xff1a;系统应用从入门到精通》▊《Python网络爬虫入门到实战》 人工智能 ( A r t i f i c i a l I n t e l l i g e n c e ) 人工智能(Artificial Intelligence…

【STM32】两个版本MDK搭建和三种调试器的使用

一、Keil MDK4的安装和介绍 1.Keil MDK和Keil C51的关系 1&#xff09;Keil原来是专门做51&#xff0c;后面被ARM收购&#xff0c; 2&#xff09;Keil MDK是Keil C51的另外一个版本。 2.MDK4下载 Keil Embedded Development Tools for Arm, Cortex-M, Cortex-R4, 8051, C166,…

js鼠标点击添加图标并获取图标的坐标值

给这个图片添加摄像头图标&#xff0c;并获取图标的坐标值&#xff0c;也就是图标的css样式是positon:absolute,获取left和top的值。 图片1 思路是这样的&#xff0c;获取这里的长度&#xff0c; 图片2 1.鼠标点击时距浏览器的左边距离和上边距离&#xff0c;相当于(0,0)坐标 …

1024程序员狂欢节 | IT前沿技术、人工智能、数据挖掘、网络空间安全技术

一年一度的1024程序员狂欢节又到啦&#xff01;成为更卓越的自己&#xff0c;坚持阅读和学习&#xff0c;别给自己留遗憾&#xff0c;行动起来吧&#xff01; 那么&#xff0c;都有哪些好书值得入手呢&#xff1f;小编为大家整理了前沿技术、人工智能、集成电路科学与芯片技术、…

关于AIGC研修班学习笔记

AI工具排行&#xff1a; ChatGptMidjourney——绘画AINotion AI——笔记AITome——做PPT的AIpeioriss Palette.fm——调色AIRemove.bg——抠图AIFliki——视频AIAutoDraw——设计AICopilot——编程AI 国内大模型&#xff1a; 阿里通义千问文心一言讯飞星火商汤日日新腾讯混元…

一文拿下HTTP

HTTP HTTP协议 是应用层使用最广泛的协议之一&#xff0c;从浏览器获取到网页&#xff0c;就是基于http 浏览器和服务器之间的交互桥梁 基于传输层的TCP协议来实现的&#xff0c;是一种无状态的应用层协议 为啥是无状态的呢 简化服务器端的处理逻辑&#xff1a;HTTP是无状态…

【调度算法】NSGA III

写在前面&#xff1a;NSGA III算法在数学上比NSGA II算法要复杂得多&#xff0c;尤其是在参考点那里&#xff0c;我也不是看得很明白&#xff0c;所以这篇文章只是尝试梳理下NSGA III的整体改进思路和优势&#xff0c;不对函数、公式、代码之类的细节做过多分析。如有错误&…

【CANoe】文件处理_hex文件读取解析

hex文件里面只有00&#xff0c;01&#xff0c;04三种码。那么我们在解析的时候只需要对这三种不同状态的进行不同的解析即可。 hex文件格式的解析&#xff0c;可阅读&#xff1a;HEX文件格式详解 首先创建一个Block的结构体&#xff0c;根据经验我们知道&#xff0c;一个数据…

gRPC之gRPC转换HTTP

1、gRPC转换HTTP 我们通常把RPC用作内部通信&#xff0c;而使用Restful Api进行外部通信。为了避免写两套应用&#xff0c;我们使用grpc- gateway 把gRPC转成HTTP。服务接收到HTTP请求后&#xff0c;grpc-gateway把它转成gRPC进行处理&#xff0c;然后以JSON 形式返回数据。…

FOC程序算法编写

1、FOC多路PWM驱动 在BLDC电机控制上&#xff0c;6路PWM 控制模式比3路PWM更自由&#xff0c;因为6个半桥式晶体管的每一个都可以单独控制。 &#xff08;1&#xff09;3PWM &#xff08;2&#xff09;6PWM 2、死区时间 开关元器件的和严格意义并不是相同的。IGBT&#xff0c;…

驱动编写LED灯

demo.c #include <linux/init.h> #include <linux/module.h> #include <linux/fs.h> #include <linux/uaccess.h> #include<linux/io.h> #include "head.h" unsigned int major; char kbuf[128] {}; // 定义三个指针指向映射后的虚拟…