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

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

news 2026/2/9 0:38:15

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

接口测试中缓存处理策略

在接口测试中&#xff0c;缓存处理策略是一个关键环节&#xff0c;直接影响测试结果的准确性和可靠性。合理的缓存处理策略能够确保测试环境的一致性&#xff0c;避免因缓存数据导致的测试偏差。以下是接口测试中常见的缓存处理策略及其详细说明&#xff1a; 一、缓存处理的核…...

编程新知 2026/2/8 4:37:27

【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15

缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下&#xff1a; struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...

编程新知 2025/11/27 21:52:13

Cursor实现用excel数据填充word模版的方法

cursor主页&#xff1a;https://www.cursor.com/ 任务目标&#xff1a;把excel格式的数据里的单元格&#xff0c;按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例&#xff0c;…...

编程新知 2025/8/23 5:46:26

使用VSCode开发Django指南

使用VSCode开发Django指南 一、概述 Django 是一个高级 Python 框架&#xff0c;专为快速、安全和可扩展的 Web 开发而设计。Django 包含对 URL 路由、页面模板和数据处理的丰富支持。 本文将创建一个简单的 Django 应用&#xff0c;其中包含三个使用通用基本模板的页面。在此…...

编程新知 2026/2/8 16:24:38

【kafka】Golang实现分布式Masscan任务调度系统

要求&#xff1a; 输出两个程序&#xff0c;一个命令行程序&#xff08;命令行参数用flag&#xff09;和一个服务端程序。 命令行程序支持通过命令行参数配置下发IP或IP段、端口、扫描带宽&#xff0c;然后将消息推送到kafka里面。 服务端程序&#xff1a; 从kafka消费者接收…...

编程新知 2026/2/8 20:41:58

学校招生小程序源码介绍

基于ThinkPHPFastAdminUniApp开发的学校招生小程序源码&#xff0c;专为学校招生场景量身打造&#xff0c;功能实用且操作便捷。 从技术架构来看&#xff0c;ThinkPHP提供稳定可靠的后台服务&#xff0c;FastAdmin加速开发流程&#xff0c;UniApp则保障小程序在多端有良好的兼…...

编程新知 2026/1/26 14:19:52

【git】把本地更改提交远程新分支feature_g

创建并切换新分支 git checkout -b feature_g 添加并提交更改 git add . git commit -m “实现图片上传功能” 推送到远程 git push -u origin feature_g...

编程新知 2025/12/13 4:20:30

Android Bitmap治理全解析：从加载优化到泄漏防控的全生命周期管理

引言 Bitmap&#xff08;位图&#xff09;是Android应用内存占用的“头号杀手”。一张1080P&#xff08;1920x1080&#xff09;的图片以ARGB_8888格式加载时&#xff0c;内存占用高达8MB&#xff08;192010804字节&#xff09;。据统计&#xff0c;超过60%的应用OOM崩溃与Bitm…...

编程新知 2026/1/8 22:17:14

重启Eureka集群中的节点，对已经注册的服务有什么影响

先看答案&#xff0c;如果正确地操作&#xff0c;重启Eureka集群中的节点&#xff0c;对已经注册的服务影响非常小&#xff0c;甚至可以做到无感知。 但如果操作不当&#xff0c;可能会引发短暂的服务发现问题。 下面我们从Eureka的核心工作原理来详细分析这个问题。 Eureka的…...

编程新知 2025/9/24 3:38:34

【Go语言基础【12】】指针：声明、取地址、解引用

文章目录 零、概述&#xff1a;指针 vs. 引用&#xff08;类比其他语言&#xff09;一、指针基础概念二、指针声明与初始化三、指针操作符1. &&#xff1a;取地址&#xff08;拿到内存地址&#xff09;2. *&#xff1a;解引用&#xff08;拿到值&#xff09; 四、空指针&am…...

编程新知 2025/6/21 2:18:57