Obsidian ChartsView 插件使用教程

Obsidian ChartsView 插件使用教程

obsidian-chartsview-pluginData visualization solution in Obsidian, support plots and graphs.项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-chartsview-plugin

项目介绍

Obsidian ChartsView 插件是一个基于 Ant Design Charts 的数据可视化插件，专为 Obsidian 笔记应用设计。该插件支持多种图表和图形，如词云、树图、雷达图等，使用户能够在 Obsidian 中轻松创建和展示数据可视化内容。

项目快速启动

安装插件

1. 克隆项目仓库到本地：

   git clone https://github.com/caronchen/obsidian-chartsview-plugin.git
   

2. 将以下文件复制到你的 Obsidian 插件目录中（通常位于 VaultFolder/.obsidian/plugins/obsidian-chartsview-plugin/）：

   • main.js
   • styles.css
   • manifest.json

启用插件

1. 打开 Obsidian 应用。
2. 进入设置（Settings） -> 插件（Community Plugins）。
3. 确保已启用 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 插件进行数据可视化。

obsidian-chartsview-pluginData visualization solution in Obsidian, support plots and graphs.项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-chartsview-plugin