Obsidian ChartsView 插件使用教程
项目介绍
Obsidian ChartsView 插件是一个基于 Ant Design Charts 的数据可视化插件,专为 Obsidian 笔记应用设计。该插件支持多种图表和图形,如词云、树图、雷达图等,使用户能够在 Obsidian 中轻松创建和展示数据可视化内容。
项目快速启动
安装插件
-
克隆项目仓库到本地:
git clone https://github.com/caronchen/obsidian-chartsview-plugin.git
-
将以下文件复制到你的 Obsidian 插件目录中(通常位于
VaultFolder/.obsidian/plugins/obsidian-chartsview-plugin/
):main.js
styles.css
manifest.json
启用插件
- 打开 Obsidian 应用。
- 进入设置(Settings) -> 插件(Community Plugins)。
- 确保已启用 Obsidian ChartsView 插件。
创建图表
在 Obsidian 笔记中,使用以下代码块创建一个词云图表:
#-----------------#
#- chart type -#
#-----------------#
type: WordCloud
#-----------------#
#- chart data -#
#-----------------#
data: "wordcount:Words"
#-----------------#
#- chart options -#
#-----------------#
options:
wordField: "word"
weightField: "count"
应用案例和最佳实践
词云图表
词云图表是一种常见的数据可视化方式,适用于展示文本数据中的关键词频率。以下是一个词云图表的应用案例:
#-----------------#
#- chart type -#
#-----------------#
type: WordCloud
#-----------------#
#- chart data -#
#-----------------#
data: "wordcount:Words"
#-----------------#
#- chart options -#
#-----------------#
options:
wordField: "word"
weightField: "count"
树图
树图适用于展示层次结构数据,如文件夹结构或组织结构。以下是一个树图的应用案例:
#-----------------#
#- chart type -#
#-----------------#
type: TreeMap
#-----------------#
#- chart data -#
#-----------------#
data: "folder:Folder"
#-----------------#
#- chart options -#
#-----------------#
options:
colorField: "name"
sizeField: "value"
典型生态项目
Dataview 插件
Dataview 插件是 Obsidian 中的一个强大工具,用于查询和展示笔记中的数据。Obsidian ChartsView 插件可以与 Dataview 插件结合使用,实现更复杂的数据可视化需求。
示例代码
以下是一个结合 Dataview 和 Obsidian ChartsView 插件的示例代码:
#-----------------#
#- chart type -#
#-----------------#
type: TreeMap
#-----------------#
#- chart data -#
#-----------------#
data: "dv:query"
#-----------------#
#- chart options -#
#-----------------#
options:
colorField: "name"
sizeField: "value"
通过以上步骤和示例,你可以快速上手并充分利用 Obsidian ChartsView 插件进行数据可视化。