嵌套 思维导图_工作小Tips:如何用思维导图来整理你的汇报

本文分享了作者使用思维导图整理大型文档和书籍内容的经验,重点介绍了百度脑图和Xmind两个工具的特性与应用场景。通过色彩对比、嵌套结构等技巧优化信息传递效率,强调思维导图在团队协作和任务分解中的作用,以及其对深化理解与记忆的助益。
摘要由CSDN通过智能技术生成

自认为自己属于思维导图的重度用户,同时有一个很强烈的观点:能用图表来呈现的,坚决不用文字,能用一句话说明白的,坚决不用两句话!

基于此,当有一个很大的文档(一般 100 页以上)或是一本很好的书,都会将其内容整理成思维导图,便于自己在之后的回顾与复盘。今天就来说说自己使用思维导至今的一些体会,主要从工具的角度来分析与介绍吧:

1, 百度脑图

这个工具是自己最早开始使用的,一般会将自己之前的一些工作及项目的成果在这个上边展示,好处它是 SaaS 版,无论在哪里,只要能上网,就可以调出自己的思维导图来展示。

同时,慢慢使用过程中,也是解锁其中更多的效果,使得我的思维导图在偏重知识性的同时,也可以尽量以美观效果来呈现。主要使用到的技巧:

(1)不同的文字底色+背景底色,以求使人一眼就可以找到想要呈现的内容重要。

(2)在一些对称结构上也会加强对比,不同的底色来区别简单,中等,复杂的层层递进关系。

(3)又在传统思维导图的基本上运用了鱼骨头,嵌套,循环......多种展示模式。力争让自己的汇报呈现让听者能够达到最快接收信息的目的。

2,Xmind

这个软件是在用一些复杂脑图无法呈现,或是需要有许多不同种类的图形展现时,才会用到这个软件。这个软

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,让我来回答你的问题。 首先,我们需要先安装 D3.js 和 Vue.js。 在 Vue3 中,我们可以使用 Composition API 来编写代码。下面是一个示例代码,可以实现 D3 思维并自定义无线嵌套。 ```html <template> <div ref="container"></div> </template> <script> import * as d3 from 'd3'; export default { setup() { const containerRef = ref(null); onMounted(() => { const container = containerRef.value; const treeData = { name: 'Parent', children: [ { name: 'Child 1', children: [ { name: 'Grandchild 1', }, { name: 'Grandchild 2', }, ], }, { name: 'Child 2', children: [ { name: 'Grandchild 3', }, { name: 'Grandchild 4', }, ], }, ], }; const margin = { top: 10, right: 120, bottom: 10, left: 40 }; const width = 960 - margin.right - margin.left; const height = 500 - margin.top - margin.bottom; const svg = d3 .select(container) .append('svg') .attr('width', width + margin.right + margin.left) .attr('height', height + margin.top + margin.bottom) .append('g') .attr('transform', `translate(${margin.left},${margin.top})`); const root = d3.hierarchy(treeData); const treeLayout = d3.tree().size([height, width]); treeLayout(root); const link = svg .selectAll('.link') .data(root.links()) .enter() .append('path') .attr('class', 'link') .attr('d', d3.linkHorizontal().x((d) => d.y).y((d) => d.x)); const node = svg .selectAll('.node') .data(root.descendants()) .enter() .append('g') .attr('class', 'node') .attr('transform', (d) => `translate(${d.y},${d.x})`); node.append('circle').attr('r', 4); node .append('text') .attr('dy', '.31em') .attr('x', (d) => (d.children ? -6 : 6)) .style('text-anchor', (d) => (d.children ? 'end' : 'start')) .text((d) => d.data.name); }); return { containerRef, }; }, }; </script> ``` 在上面的代码中,我们使用了 D3 的 tree 布局来生成思维。我们也可以使用其他的布局来生成不同的形。 同时,我们可以根据需求自定义嵌套的深度,只需要在树形数据中设置相应的 children 属性即可。 希望这个回答可以帮到你,如果还有其他问题,请随时提出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值