绘制编程知识体系图可以按照以下步骤进行：
确定中心主题
选择你要学习的编程知识体系的核心内容，例如C语言的基本语法、数据结构、算法等。
列出主要分支
根据中心主题，列出与之相关的所有主要概念或模块。例如，在C语言中，主要分支可能包括变量、数据类型、运算符、控制结构、函数等。
添加子分支
对每个主要分支进一步细化，列出更具体的子分支。例如，在“变量”这一主要分支下，可以细分为整型变量、浮点型变量、字符型变量等。
添加详细信息
对每个子分支，添加具体的定义、用法、示例代码等详细信息。例如，在“整型变量”的子分支下，可以添加“定义：用于声明整型变量的语法”、“用法：声明整型变量并赋值”、“示例代码：int a = 10；”等。
使用颜色和图形
为了使思维导图更加直观和易于理解，可以使用不同的颜色和图形来表示不同的内容。例如，红色可以用来表示重要的概念，蓝色用来表示关键字，绿色用来表示示例代码等。
选择合适的工具
根据个人喜好和实际需求，选择合适的图形化工具来绘制编程图。常见的工具包括流程图绘制工具（如Microsoft Visio、Draw.io等）和UML工具（如Enterprise Architect、StarUML等）。
绘制图形元素
根据程序的逻辑和流程，使用所选工具绘制相应的图形元素。例如，在流程图中，可以使用矩形表示开始和结束节点，使用箭头表示流程的执行顺序，使用菱形表示条件判断等。
连接图形元素
使用合适的连接线将图形元素连接起来，表示程序的控制流程。例如，箭头可以用来表示从一个节点到另一个节点的执行顺序。
添加注释
在编程图中添加必要的注释，以便更清晰地说明程序的逻辑和流程。注释可以包括文字描述、变量名、函数名等。
调整布局
根据需要，调整编程图的布局，使其更易于理解和阅读。可以调整图形元素的位置、大小和间距，以及调整字体大小和颜色等。
细节完善
检查编程图是否准确无误，是否能够清晰地表示程序的逻辑和流程。根据需要，进行必要的修改和调整。
通过以上步骤，你可以创建一个清晰、直观的编程知识体系图，帮助你更好地理解和掌握编程知识。