TikZ作图教程
文章平均质量分 66
Daniel3030
这个作者很懒,什么都没留下…
展开
-
Tikz教程:一个异步FIFO设计步骤示意图的画法
如上图(图片来源:异步FIFO),如何用Tikz来画出这个图形呢?作图思路: 使用流程图的作图方法可以很容易作出这幅图形。使用node来画出节点,并用node输入图中不带框的文字。使用“->”工具来连线。连线时要用到节点的锚点坐标。下面详细介绍一下作图步骤:一、定义节点风格定义两种风格的节点:rec1设置为最小宽度1.4cm, 最小高度为1cm,画出边框,默认为长方形框,填充颜色为gray!10, 透明度为0.8。另一种rec2与rec1只有最小高度的区别。\begin{tikzpictu.原创 2022-05-23 16:44:12 · 1549 阅读 · 0 评论 -
Tikz教程:pic 的用法示例
在网上看到下面这样一幅图形,好奇如何使用Tikz画出它?这幅图形看起来非常复杂,线条和长方形非常多,似乎作图难度很大。然而,仔细观察发现图形的主体不过是左上角的图案的平铺。作图思路: 使用小图(small pictures——pics)的平铺绘制主体图形,使用平移绘制周围的小长方形,使用node和pin标注文字说明。作图步骤绘制小图:\tikzset{ cell/.pic={ \node at(0,0){\large CLB};\draw [very thick](-0.7,-原创 2022-05-20 17:29:06 · 696 阅读 · 0 评论 -
Tikz作图教程:动手 VS 动脑? 97行代码 VS 6行代码?
在学习Tikz的过程中,当我们对基本代码有一定熟悉之后,作图思路就是更重要的事情了。本文借一个例子谈谈作图思路的问题。昨天在网上看到这样一幅图形:看上去挺复杂的一个图,心里琢磨如果用Tikz来画,需要几行代码呢?我看到原文附的代码共有97行,而且里面的点的坐标看上去是由计算机生成的。也就是说,绘图者先在第三方软件用鼠标画出这幅图形,然后再转成Tikz代码,然后插入到TeX文档中。如果有这样的软件,对广大LaTeXer们来说岂不是一件大好事吗?因为这样及兼顾了Tikz的优秀出图品质,又能让绘图者节省原创 2022-05-16 19:41:14 · 556 阅读 · 0 评论 -
Tikz作图教程:图论中环的画法
Tikz作图教程:图论中环的画法 Tikz作图教程:图论中环的画法 今天我们来介绍基于Tikz的图论图形绘制宏包:tkz-graph。学会三个基本作图命令和若干选项参数,就能非常方便地绘制各种图论中的图形。一个图里面有三类要素:顶点(Vertex)、边(Edge)、环(Loop)。tkz-graph中的三个基本作图命令就是反斜杠\后面跟上这三个单词构成的。一、对命令的解释画顶点需要原创 2022-05-15 19:04:29 · 1497 阅读 · 0 评论 -
Tikz作图教程:如何画流程图?——从一个简单的例子谈起
今天我们来谈谈如何画流程图。广义的流程图是指流经一个系统的信息流、观点流或部件流的图形代表。流程图主要由两种元素构成:文本框和连接线段(通常带有箭头)。Tikz画这两类元素的工具是node和--线段工具。其中,文本框工具node在上一篇推文Tikz作图教程:两个漂亮的示意图,兼谈 Tikz 中的文本框——node 的高级用法中有详细的介绍。下面我们一个简单的例子来说明如何画流程图,掌握里面的思想以后就可以画出各种更加复杂的图形。如图1,这里文本框的大小、形状有类似的风格,但是框线颜色和填充颜色不同。原创 2022-05-13 22:14:03 · 3038 阅读 · 0 评论 -
Tikz作图教程:两个漂亮的示意图,兼谈 Tikz 中的文本框——node 的高级用法
先上两个漂亮的示意图:node是Tikz绘图中的一个非常重要的概念。我们可以用它给图形元素添加标签,绘制图的顶点,绘制流程图中的文本框等等。那么,什么是node呢?pgfmanual中的解释是:A node is typically a rectangle or circle oranother simple shape with some text on it.意为:“node 通常为包含文本的矩形、圆或者其它简单图形(菱形等)”。这个解释基本上可以理解为如同 word 中的文本框的概念。原创 2022-05-09 17:01:38 · 6236 阅读 · 0 评论 -
Tikz作图教程:说说图形颜色填充那些事儿
初学Tikz 作图的朋友也许觉得给图形填充颜色很费事儿,尤其是那些不规则图形的颜色填充。事实上,只要你掌握一个基本思想和三个填充技巧,图形颜色填充就会变得易如反掌!下面我们详细介绍这些方法,学会本文中的各个例子,再复杂的颜色填充问题都不在话下了!本文较长,需要的朋友可以收藏备查!基本思想由曲线段(折线段)首尾相连得到的封闭图形都可以通过命令\filldraw[fill=<color>]将它填充为设定的颜色<color>。值得注意的是,如果折线段(曲线段)的起点和终点没有连.原创 2022-05-01 18:01:38 · 6160 阅读 · 0 评论 -
Tikz作图模板:常见几何图形平铺图案的模板,一个命令实现任意层平铺
网友S是一个数学老师,常常需要用\LaTeX排版几何图形的平铺图案,例如下图:如果使用Tikz一个一个画正六边形显然是不现实的。Daniel 老师花了两天时间,制作了一个平铺图案的绘图模板,它包括下列工具:正六边形:环形平铺,水平平铺,按三角形平铺,按平行四边形平铺正方形:按正方形和长方形平铺等边三角形:按等边三角形平铺等腰直角三角形:按等腰直角三角形平铺这份模板提供了十个作图命令,每个命令含有一个可选参数,可以调节缩放比例,还有一个或两个必选参数,控制平原创 2022-05-01 17:43:43 · 1247 阅读 · 0 评论 -
Tikz 作图教程:使用tkz-uclide包作平面图形
各位Tikz 爱好者朋友们,大家好!前段时间比较忙,所以好久没有更文了!今天在准备高等代数教案——子空间的直和时,需要画一个三维空间中的直和的例子和反例,作了如下的两个图:下面我们简要介绍一下这两个图的作图步骤和要点。这两幅图是虽是立体图形,可是我们还是可以用tkz-uclide宏包来画。作图步骤掌握八大Tikz 作图工具,Tikz 入门 So easy对于 Tikz 基本命令不熟悉的朋友可以先阅读我们之前的推文掌握八大Tikz 作图工具,Tikz 入门 So easy,记住8个基本命令就可以入原创 2022-03-15 18:51:40 · 1472 阅读 · 0 评论 -
Tikz作图教程:堆叠柱形图+折线图+误差线
今天我们来介绍使用基于Tikz的pgfplots宏包绘制堆叠图、折线图和误差线的组合图形。作图分析本图的难点在于:堆叠柱形图属于 ybar stacked类型的图,而折线图和误差线作图是另一种类型的图,当坐标系设置中有ybar stacked,键值时,pgfplots会将折线图的数据化成矩形堆叠上去,而不是画成线型图。解决方案是分别在两个坐标系中作图,pgfplots会将后面的图叠加到先作的图上,这就是“图层”的机制。两个坐标系的设置也是一个难点,它们的设置要相同,这样才不会出现坐标系不重原创 2021-12-16 09:35:48 · 3933 阅读 · 1 评论 -
Tikz作图教程:使用 pgfplots 宏包作堆叠图(stacked bar chart)
科研工作者常常需要绘制堆叠柱形图来呈现同一维度中不同数据的差异。所谓堆叠柱形图是柱状图的变形,拥有更多维度的表现力。柱形图的最大特点就是一目了然、清晰可见,而堆叠柱形图不仅可以清晰地比较某一个维度数据中不同类型数据之间的差异,还可以比较总数的差别。今天的推文我们详细介绍一下如何用基于Tikz 的宏包 pgfplots来方便地绘制堆叠柱形图(stacked bar chart)。准备数据我们需要处理的数据共有六组,每组包含1月到12月共12个数据。见下表:在这里插入图片描述现在我们做6个数据文原创 2021-12-16 09:35:19 · 1795 阅读 · 0 评论 -
Tikz作图教程:pgfplots宏包—三维数据散点图,完美重构文献美图
三组散点实验数据,彼此相差不大,如何对比它们的差异呢?我们来看一幅来自文献的图:作者别处心裁地将它们画在三维空间的三个平行的平面上,每个平面设置了三种不透明颜色,六条曲线设置不同的颜色、标注,图形下方有图例,看上去赏心悦目。如何重构这样一幅漂亮的图呢?谭编使用Origin完美重构了此图(见下图):今天我们来用LaTex宏包pgfplots(基于Tikz的宏包)来重新绘制这幅图。1. 输入实验数据,作出初步的图形\documentclass{standalone}\usepackage{pg.原创 2021-12-10 17:52:28 · 2733 阅读 · 1 评论 -
Tikz 作图教程:pgfplots 宏包三维数据的可视化绘图
前一篇推文讲解了使用pgfplots 宏包导入二维数据和可视化绘图的方法。今天我们来介绍一下科研工作者常常用到的三维数据的导入与绘图的方法。当一个函数关系式中出现了两个自变量时,我们需要用空间曲面来呈现其图像。编辑之谈(知名origin 绘图公众号)最近一篇推文——Origin怎样由公式创建3D函数图,回答了上海交通大学马博士的提问:怎样用下面的公式来创建三维图形?{MSMP=CL1.682Ct1.567MSMP=CL1.650Ct1.327 \left\{ \begin{aligned.原创 2021-12-05 08:35:37 · 1937 阅读 · 0 评论 -
Tikz作图教程:pgfplots宏包二维数据可视化的数据导入方法
pgfplots 绘图思想简介下面一段介绍来自pgfplots说明文档的引言部分,它对pgfplots的绘图思想作了清晰地描述:科研工作者在交流研究结果、论文时,将数据可视化往往是必要和方便的。pgfplots 宏包是一个非常优秀的可视化工具。pgfplots 让您作为终端用户只需要提供数据和绘图描述,而pgfplots 负责下列复杂而繁琐的工作,选择合适的缩放比例将图形缩放到指定的目标尺寸选择最佳显示范围分配标注位置,在适当的位置绘制带有刻度、标注的坐标轴pgfplots 解决了L原创 2021-11-27 11:37:32 · 1719 阅读 · 0 评论 -
Tikz作图教程:坐标轴不连续作图模板
在科研文献中我们常常看到如上面这种图形,上下两部分yyy轴的刻度单位不相同,可以用于比较两组数据,yyy轴中部感觉折叠了一下,这种表示yyy轴的方法专业术语叫作“axis discontinuity”——坐标轴不连续。当我们画比较两组数据的柱形图时,如果量组数据数值悬殊太大,也要使用这种作图技巧。例如,下表中是一周内某网络课程的页面浏览量和课程活动数的统计数据。两组数据的最大值相差7倍,所以当我们直接作图时会发现两个并列的柱子一个太高,另一个几乎不可见。我们如果使用坐标轴不连续的技巧来呈现数据就会获.原创 2021-11-25 23:35:07 · 1232 阅读 · 0 评论 -
TikZ教程:频率分布直方图 TikZ 模板
在科研工作以及中学统计学教学过程中常常需要画频率分布直方图,今天我们来介绍一下如何用 TikZ 快速绘制频率分布直方图。使用宏包 pgfplots 可以一键绘出频率直方分布图。具体步骤如下:1. 导言区调入pgfplots宏包\documentclass[margin=10pt]{standalone}\usepackage{pgfplots}\pgfplotsset{width=7cm,compat=1.17}\begin{document}2. 作图环境在 tikzpicture环境.原创 2021-11-24 19:39:35 · 1675 阅读 · 0 评论 -
用Tikz作一幅小插画
可以用 Tikz 作画吗?Tikz 有无限可能,有限的是我们自己。最近作者尝试用Tikz 作了一组插画、产品包装设计的图案,在随后几期推文中将陆续发布,敬请关注!今天来欣赏一幅小插画:video(video-iom33sSa-1625137286609)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=206418843)(image-https://ss.csdn.net/p?http://i2.hdslb.com/bfs/原创 2021-07-01 19:03:38 · 252 阅读 · 0 评论 -
Tikz版米奇诞生了,快来围观吧!
用Tikz 画一个米奇脸谱可以吗?想法非常具有挑战性,无论如何,让我来试一试吧!小编没有绘画天份,还是从网上照一张现成的图片,照着画吧!图片看起来左右对称,大部分部件可以用现成的作图工具完成,如圆和椭圆,古灵精怪的脸庞和嘴巴的曲线可以用曲线工具 \draw ()..controls ()and ()..();完成。脸部和嘴巴的黑色颜色填充是难点。部件的位置确定也是难点,可以通过一个辅助网格来找到关键点的坐标。猜一猜,哪幅图是 Tikz 版的?下面一步一步说说怎么画吧!画左侧脸部轮廓\begi原创 2021-07-01 18:35:02 · 268 阅读 · 1 评论 -
用Tikz 画一幅神舟12号简图,致敬中国航天工作者,顺便学习Tikz作图的高级技巧!
@[用Tikz 画一幅神舟12号简图,致敬中国航天工作者,顺便学习Tikz作图的高级技巧!]第一步 画推进舱、返回舱用矩形工具构建三个长方形,然后向上平移3pt,平移用选项参数:yshift=3pt 实现。\draw (-2.5,0)rectangle(2.5,9);\draw [rounded corners=2pt] (-2.5,0)--(-2.4,-10pt)--(2.4,-10pt)--(2.5,0);\draw (-2.5,9)rectangle(2.5,15); \draw (-2原创 2021-06-23 17:00:37 · 10568 阅读 · 1 评论 -
用Tkz-euclide画一个电烤箱
\documentclass[margin=10pt,convert, convert={ outext=.png, command=\unexpanded{ pdftocairo -r 600 -png \infile % 将生成的pdf文件转换为png图像 } }]{standalone}% 支持中文\usepackage{ctex}\usepackage{tkz-euclide}\usetikzlibrary{arrows,shapes,ch.原创 2021-01-31 17:10:07 · 425 阅读 · 0 评论 -
tkz-euclide作图教程02 | 立体几何作图示例
作图要点:/.style定义元素属性风格;\tkzDefLine和\tkzInterLL 计算两直线交点;\tkzDefMidPoint定义中点今天我们来作一个立体几何图形:正方体中取一个正六边形截面并填充颜色,如上图。作图分析这个图的正方体有8个顶点,加上六边形的6个顶点,共有14个顶点。如果每个点都通过给出具体坐标来定义,显然很麻烦,因为涉及到一些计算。幸运地是,tkz-euclide包具有自动计算坐标的功能,我们只需要通过具体坐标定义一些基础的点,其它的点,我们可以通过图形之间是位置关系,.原创 2020-12-22 10:54:04 · 2481 阅读 · 0 评论 -
tkz-euclide作图教程03 | 函数图像作图示例
作者:Daniel时间:2020/12/22用tkz-euclide作平面几何、立体几何图形质量和效率是杠杠的,用它来画函数图像也是非凡的。它虽然没有提供画函数图像的命令,但是却提供了非常方便的画坐标系的命令,结合tikz的作函数图像的命令\draw plot可以非常方便地画各种函数的图像,标注坐标刻度、函数名称等。下面我们以y=x3y=x^3y=x3为例说明如何快速画出一幅漂亮的函数图像。一、图像效果和代码图像效果:代码:\begin{tikzpicture}[fun/.style={r原创 2020-12-22 10:41:06 · 1873 阅读 · 1 评论 -
Tkz-euclide教程01 —平面几何例1
作者:Daniel 时间:2020/12/19题目:已知△ABC\triangle ABC△ABC和△BED\triangle BED△BED是等边三角形,证明:△ABE≅△CBD\triangle ABE\cong\triangle CBD△ABE≅△CBD.图形:代码:\begin{tikzpicture}%%%%%%%定义点 \tkzDefPoints{0/0/A, 2/0/B,5/0/D}%坐标和名字用/分隔,用大括号括起来 \tkzDefPoint(60:2){C}%极坐标原创 2020-12-22 10:11:49 · 990 阅读 · 0 评论 -
Texers的几何画板——tkz-euclide作图教程
作者:Daniel 时间:2020/12/18说起“几何画板(Sketchpad)”,数学老师们一定非常熟悉。使用Word排版数学文档时,Word+Mathtype+Sketchpad是最佳搭配,Mathtype用来排版公式,Sketchpad用来搞掂图形绘制。现在越来越多的数学老师为了追求更好的排版品质,选择了Latex,公式和文字的混排得到了很好的效果。遗憾的是图形绘制是一个令人棘手的工作。如果用其它软件绘制好图形,然后插入到tex文档中,则总有一种违和的感觉,而且图形清晰度也大打折扣。实际上,这原创 2020-12-22 10:01:15 · 1863 阅读 · 0 评论 -
TikZ作图教程:图论篇—树图的绘制
作者:Daniel时间:2020年6月4日本文介绍一个简单树图的绘制方法,领悟其中的思路以后,举一反三就可以画出更复杂的图了。前一篇文章介绍了Tikz作图的优点:专业、精致、与LaTeX完美融合。你现在是不是准备好了来尝试画出自己的第一个图了呢?让我们开始吧!TikZ作图不需要安装什么软件,因为它就是一个LaTeX宏包,我们直接调用就可以了。只要电脑里安装了TeXLive,就可以开始了。打开LaTeX编辑器,写下下面的代码,保存为一个空白的TikZ作图模板,下次作图就可以从这个空白模板开始。原创 2020-06-09 20:19:47 · 7244 阅读 · 3 评论 -
TikZ作图教程图论篇:一个复杂的有向树图
作者: Daniel时间:2020年6月5日今天我们来学习画一个复杂的树图:还记得TikZ作图教程第二篇推文中,用TikZ绘图的四个步骤吗?告诉邻接关系,设置顶点样式,批量设置标签,美化修饰细节。按照这四个步骤,你也能绘出这个复杂的树图。Step 1. 告诉邻接关系这里稍有困难的是,既有无向边,又有有向边,不过我们可以分成四部分来说明,如下图,四种颜色代表四个部分。\begin{tikzpicture}\graph[tree layout]{ 0->{原创 2020-06-09 20:11:58 · 2824 阅读 · 0 评论 -
TikZ教程|图论篇—subgraph用法
作者:Daniel时间:2020年6月9日TikZ宏包中的subgraph库里定义了许多图论中的标准子图,例如空图InI_nIn, 完全图KnK_nKn, 完全二部图KnmK_{nm}Knm,圈图CnC_nCn, 路图PnP_nPn,格图GridnGrid_nGridn等等。利用这些现成的标准子图,可以轻松绘制这些图以及由它们派生的图形。下面举四个例子说明具体作图方法。Example 1. K12K_{12}K12\documentclass{standalone}\usepack原创 2020-06-09 19:59:03 · 2613 阅读 · 0 评论 -
TikZ作图教程 | 平面几何篇01——中小学数学老师的好帮手
作者:Daniel时间:2020年6月9日Karl是一名中学数学老师,他担任学校数学组组长。学期快结束了,他现在正在准备出一套年级期末考试试卷。作为一名数学老师,每年要准备各种数学文档——电子讲义、各种考试试卷、公开课ppt、甚至公众号里的文章。没有接触LaTeX之前,word+powerpoint+几何画板是标配,要编写一份文档,各种切换忙不停:图文切换、公式文字切换、公式编辑器切换、画板与office切换;画起图来,鼠标是主要工具,画线、画圆、画多边形全靠按着鼠标左键拖来拖去,画好了,复制来粘贴原创 2020-06-09 19:51:59 · 2331 阅读 · 0 评论