当前位置： 首页 > news >正文

VScode通过Graphviz插件和dot文件绘制层次图，导出svg

news 2026/2/4 2:58:14

1、安装插件

在VScode中安装Graphviz Interactive Preview插件，参考。

2、创建dot文件

在本地创建一个后缀为dot的文件，如test.dot，并写入以下内容：

digraph testGraph {label = "层次图";node [shape = square; width = 1; color = "#00000088"; fontcolor = white; style = filled; fontname = "Helvetica,Arial,sans-serif";];subgraph level3 {rank = same;A3}    subgraph level2 {rank = same;A2B2 [color = purple;]C2 [color = red;]D2 A2 -> B2A2 -> C2 -> A2}    subgraph level1 {rank = sameA1B1C1}A3 -> A2 -> A1B2 -> B1C2 -> C1 -> C2D2 -> B1
}

dot文件的语法，参考Graphviz官方API文档。

3、预览

点击VScode右上方的预览按钮
在这里插入图片描述
在这里插入图片描述

4、导出svg

在这里插入图片描述

5、切换其他图布局算法

下面给出一些示意图（以快速找到感兴趣的布局效果），具体算法介绍移步Graphviz官网。
在这里插入图片描述

5.1 circo布局

在这里插入图片描述

5.2 FDP布局

在这里插入图片描述

5.3 Neato布局

在这里插入图片描述

5.4 Osage布局

在这里插入图片描述

5.5 Patchwork布局

在这里插入图片描述

5.6 Twopi布局

在这里插入图片描述

6、使用C#第三方库生成dot文件

在NuGet中安装DotNetGraph库：
在这里插入图片描述

相关文章：

VScode通过Graphviz插件和dot文件绘制层次图，导出svg

1、安装插件 在VScode中安装Graphviz Interactive Preview插件，参考。 2、创建dot文件 在本地创建一个后缀为dot的文件，如test.dot，并写入以下内容： digraph testGraph {label "层次图";node [shape square; widt…...

编程日记 2024/7/23 0:29:32

MMCV 核心组件分析（一）：整体概述

概述 MMCV 是计算机视觉研究的基础库，并提供以下功能。...

编程日记 2024/7/23 0:27:30

阵列信号处理学习笔记（一）--阵列信号处理定义

阵列信号 阵列信号处理学习笔记（一）–阵列信号处理定义 阵列信号处理学习笔记（二）–空域滤波基本原理 文章目录 阵列信号前言一、阵列信号处理定义1.1 信号1.2 阵列 二、雷达数据中哪些属于空间采样总结 前言 MOOC 阵列信号处理…...

编程日记 2024/7/23 0:26:28

[HTML]一文掌握

背景知识 主流浏览器 浏览器是展示和运行网页的平台， 常见的五大浏览器有 IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera） 渲染引擎 浏览器解析代码渲…...

编程日记 2024/7/23 0:24:25

ABAP使用SQL直接更新数据库与使用IN UPDATE TASK的区别

1. 背景 刚接触ABAP的小伙伴常常会有这样的疑问，为什么不直接使用Open SQL直接更新数据库，而要把对DB的操作封装到IN UPDATE TASK中呢？ 对于这个问题，比较常见的解释是，IN UPDATE TASK的方式会保证数据更新的一致性。…...

编程日记 2024/7/23 0:23:24

Android GWP-Asan使用与实现原理

目录 一、 背景 二、GWP-Asan介绍 2.1 什么是GWP-ASan 2.2 GWP-Asan与其他几类工具对比 2.3 GWP-ASan与其它内存分配器的兼容性 三、GWP-Asan如何使用 3.1 app进程 3.2 native进程 四、GWP-Asan实现原理 4.1 进程启用GWP-Asan 4.2 初始化 4.3 内存分配 4.3.1 内存…...

编程日记 2024/7/23 0:20:22

SpringBoot 跨域请求处理全攻略：从原理到实践

文章目录 SpringBoot 如何处理跨域请求？你能说出几种方法？跨域请求概述跨域解决方案1. 使用CrossOrigin注解2. 使用WebMvcConfigurer配置类3. 使用过滤器（Filter）4. 使用Spring Security处理CORS5.使用Spring Cloud Gateway处理CO…...

编程日记 2024/7/23 0:19:20

vulnhub——Ai-Web1靶机渗透

Ai-Web1靶机渗透 靶机下载： 官网地址：https://www.vulnhub.com/entry/ai-web-1,353/ 攻击机：kali2024 一、信息收集 发下目标主机的IP为：192.168.201.141 用nmap工具扫描一下对方主机和服务 发现他打开了80端口 发现搜不到于是…...

编程日记 2024/7/23 0:18:19

sqlalchemy事件监听

sqlalchemy事件监听 SQLAlchemy 中的事件监听允许您在特定事件发生时执行自定义的 Python 代码。这些事件可以是与ORM（对象关系映射）或核心组件相关的操作，比如表、类、会话或事务的插入、更新、删除等操作。通过事件监听，您可以实现日志记录、审计或执行业务规则等功能。…...

编程日记 2024/7/23 0:14:13

【Django+Vue3 线上教育平台项目实战】Celery赋能：优化订单超时处理与自动化定时任务调度

文章目录 前言⭐✨💫🔥📖一、Celery⭐1.基本概念及介绍:✨2.使用步骤💫 二、订单超时 取消订单（Celery）🔥具体实现流程📖 前言⭐✨💫🔥📖 在构建复…...

编程日记 2024/7/23 0:13:12

CSS3 教程

CSS3 教程 引言 CSS3，即层叠样式表的第三代，是网页设计和开发中不可或缺的技术之一。它为HTML元素提供了丰富的样式定义，使得网页不仅内容丰富，而且外观美观、交互性强。本教程将详细介绍CSS3的基础知识、高级特性以及最佳实践&…...

编程日记 2024/7/23 0:11:10

树与二叉树学习笔记

树与二叉树 计算机中的树树的概念树的类型 什么是二叉树二叉树：定义与特点二叉树：前序、中序、后序遍历二叉树：深度、广度优先遍历二叉树：线索化二叉树：序列化与反序列化 haffman树平均编码长度构建haffman树haffman树…...

编程日记 2024/7/23 0:10:09

消费金融系统开发回忆录

架构设计图 整个支付链路上的功能 支付系统应该有：账户管理、渠道管理、支付管理、对账管理、清算管理、结算管理 一笔支付订单，在支付系统侧就是要记录清楚，谁发起的、对哪个商品进行支付、通过哪个渠道支付、支付时间、支付结果等…...

编程日记 2024/7/23 0:09:08

org.springframework.context.ApplicationContext发送消息

1、创建消息的实体类 package com.demo;/*** 监听的实体类**/ public class EventMessage {private String name;public EventMessage(String name) {this.name name;}public String getName() {return name;}public void setName(String name) {this.name name;} }2、创建消…...

编程日记 2024/7/23 0:04:04

Java8-21新特性

简介 由于Java官方最近更新越来越频繁，而长期支持维护的版本LTS版每隔几年才推出一个，大规模商用的JDK只可能选择LTS版，因此这里只简单记录JDK8，11，17，21。 jdk8 Lambda表达式： Lambda表达式…...

编程日记 2024/7/23 0:03:03

NodeJS系列面试题

大家好，我是有用就扩散，有用就点赞。 有没有写过Koa中间件，说一下中间件原理，介绍下自己写过的中间件 koa本来就是一个轻量级框架，本身支持的功能并不多，功能都是通过中间件来实现不同的需求。开发者可以通…...

编程日记 2024/7/22 23:59:59

QXlsx读写excel

QXlsx读写excel 安装 QXlsx使用 qmake使用 CMake 基本用法1. 写入 Excel 文件2. 读取 Excel 文件 详细用法1. 设置单元格样式2. 合并单元格3. 创建图表4. 设置列宽和行高 完整示例 QXlsx 是一个用于在 Qt 应用中读写 Excel 文件的第三方库。它提供了丰富的 API，可以…...

编程日记 2024/7/22 23:54:56

昇思25天学习打卡营第13天 | mindspore 实现 ShuffleNet 图像分类

1. 背景： 使用 mindspore 学习神经网络，打卡第 13 天；主要内容也依据 mindspore 的学习记录。 2. 迁移学习介绍： mindspore 实现 ShuffleNet 图像分类； ShuffleNet 基本介绍： ShuffleNetV1 是旷视科技提…...

编程日记 2024/7/22 23:51:53

C语言超市管理系统UI界面

以下是部分代码。需要源码的私信 #include<easyx.h> #include<stdio.h> #include<stdlib.h>#define width 1280 #define height 840 #define font_w 35 //字体宽度 #define font_h 90 //字体高度typedef struct node {char name[100];//名字char number[1…...

编程日记 2024/7/22 23:48:50

BUUCTF逆向wp [MRCTF2020]Xor

第一步 查壳&#xff0c;该题是32位&#xff0c;无壳。 第二步 跟进main&#xff0c;发现反汇编不了 通过下图我们可以发现一串类似字符串的东西 第三步 我们看一下汇编 我们可以得到这些信息&#xff1a;flag的长度为27&#xff08;下面是对本条指令cmp edx 27指令的应用…...

编程日记 2024/7/22 23:47:48

java_网络服务相关_gateway_nacos_feign区别联系

1. spring-cloud-starter-gateway 作用&#xff1a;作为微服务架构的网关&#xff0c;统一入口&#xff0c;处理所有外部请求。 核心能力&#xff1a; 路由转发&#xff08;基于路径、服务名等&#xff09;过滤器&#xff08;鉴权、限流、日志、Header 处理&#xff09;支持负…...

编程新知 2025/11/28 2:51:33

【WiFi帧结构】

文章目录 帧结构MAC头部管理帧 帧结构 Wi-Fi的帧分为三部分组成&#xff1a;MAC头部frame bodyFCS&#xff0c;其中MAC是固定格式的&#xff0c;frame body是可变长度。 MAC头部有frame control&#xff0c;duration&#xff0c;address1&#xff0c;address2&#xff0c;addre…...

编程新知 2026/1/21 18:14:22

python/java环境配置

环境变量放一起 python&#xff1a; 1.首先下载Python Python下载地址&#xff1a;Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个&#xff0c;然后自定义&#xff0c;全选 可以把前4个选上 3.环境配置 1&#xff09;搜高级系统设置 2…...

编程新知 2026/1/24 14:23:08

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明&#xff1a;server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2026/1/23 4:15:03

MVC 数据库

MVC 数据库 引言 在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...

编程新知 2025/10/30 4:58:11

如何在看板中有效管理突发紧急任务

在看板中有效管理突发紧急任务需要&#xff1a;设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP&#xff08;Work-in-Progress&#xff09;弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中&#xff0c;设立专门的紧急任务通道尤为重要&#xff0c;这能…...

编程新知 2026/2/3 22:50:06

生成 Git SSH 证书

&#x1f511; 1. ​​生成 SSH 密钥对​​ 在终端&#xff08;Windows 使用 Git Bash&#xff0c;Mac/Linux 使用 Terminal&#xff09;执行命令&#xff1a; ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" ​​参数说明​​&#xff1a; -t rsa&#x…...

编程新知 2025/9/18 11:31:13

Nginx server_name 配置说明

Nginx 是一个高性能的反向代理和负载均衡服务器&#xff0c;其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机&#xff08;Virtual Host&#xff09;。 1. 简介 Nginx 使用 server_name 指令来确定…...

编程新知 2025/9/6 16:47:17

Python爬虫（一）：爬虫伪装

一、网站防爬机制概述 在当今互联网环境中&#xff0c;具有一定规模或盈利性质的网站几乎都实施了各种防爬措施。这些措施主要分为两大类&#xff1a; 身份验证机制&#xff1a;直接将未经授权的爬虫阻挡在外反爬技术体系&#xff1a;通过各种技术手段增加爬虫获取数据的难度…...

编程新知 2026/1/30 20:42:46

智能仓储的未来：自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”&#xff0c;物流的终极形态正在诞生 想象这样的场景&#xff1a; 凌晨3点&#xff0c;某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径&#xff1b;AI视觉系统在0.1秒内扫描包裹信息&#xff1b;数字孪生平台正模拟次日峰值流量压力…...

编程新知 2026/2/1 2:49:30