Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library

Overview

obsidian-echarts

Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library 一个可以在obsidian 里运行echarts 的插件,具体可以参考官方示例库代码。插件需要依赖dataview插件,example文件夹是一些基本例子。 更多示例可以关注Blue-topaz-examples

A plugin that can run echarts in obsidian, see official example library code for details. The plugin depends on the dataview plugin, the examples folder is for some basic examples. More examples can be found at blue-topaz-examples

GIF 2022-06-02 13-31-49 image image image

点击事件绑定

通过在源数据添加下面字段绑定点击事件效果。 目前支持的类型有 tag,content,file,path 指定这类类型可以点击事件调用Obsidian Search operators 如果指定的是file和path类型 需要添加字段比如 data['file']='filename' 可以实现组合搜索 假设datas是要展示的数据。

The click event effect is bound by adding the following fields to the source data. Currently supported types are tag, content, file, path
If you define file and path types, you need to add fields such as data['file']='filename' to achieve a combined search. Assume datas is the data to be displayed.

datas.forEach((data)=>{
	data['search']='tag'
	data['file']='filename'
	data['path']='path'
})

如果不指定,默认绑定的是传入的 data 数组中的 index 对应的文件。 **If not specified, the default binding is to the file with index in the incoming data array. **

渲染容器

将下方代码到option 选项后即可渲染 Render the code below after putting it into the option

app.plugins.plugins['obsidian-echarts'].render(option, this.container)
You might also like...

Cubism.js: A JavaScript library for time series visualization.

Cubism.js Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube a

Jan 3, 2023

A general purpose, real-time visualization library.

Epoch By Ryan Sandor Richards Epoch is a general purpose charting library for application developers and visualization designers. It focuses on two di

Dec 30, 2022

a graph visualization library using web workers and jQuery

arbor.js -------- Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, a

Dec 19, 2022

Data visualization library for depicting quantities as animated liquid blobs

liquidity.js A data visualization library for depicting quantities as animated liquid blobs. For a demonstration of what the final product can look li

Sep 20, 2022

Powerful data visualization library based on G2 and React.

Powerful data visualization library based on G2 and React.

BizCharts New charting and visualization library has been released: http://bizcharts.net/products/bizCharts. More details about BizCharts Features Rea

Jan 3, 2023

🌏 A Declarative 3D Globe Data Visualization Library built with Three.js

🌏  A Declarative 3D Globe Data Visualization Library built with Three.js

Gio.js English | 中文 React Version: react-giojs Wechat minigame: wechat usage Gio.js is an open source library for web 3D globe data visualization buil

Dec 29, 2022

📊 Data visualization library for React based on D3

📊 Data visualization library for React based on D3

Data visualization library for React based on D3js REAVIZ is a modular chart component library that leverages React natively for rendering the compone

Dec 31, 2022

A library for visualization and creative-coding

A library for visualization and creative-coding

Pts Pts is a typescript/javascript library for visualization and creative-coding. Get started at ptsjs.org. Please give it a try, file issues, and sen

Jan 3, 2023

A port of the Processing visualization language to JavaScript.

⚠️ This project has been archived ⚠️ With the development of p5js and the API advances in Processing itself, as well as Processing.js itself having be

Jan 4, 2023
Comments
  • Plugin fails to load on mobile app (Android)

    Plugin fails to load on mobile app (Android)

    I recently installed your plugin and it works great on PC, thanks! Unfortunately when I loaded up my vault on the mobile app, it popped up saying the plugin failed to load and it was disabled. There was no further information I could find on why it failed to load.

    Are you able to look into it?

    opened by strich 1
Releases(0.0.3)
Owner
null
Apache ECharts is a powerful, interactive charting and data visualization library for browser

Apache ECharts Apache ECharts is a free, powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly

The Apache Software Foundation 53.8k Jan 5, 2023
A lightweight graphic library providing 2d draw for Apache ECharts

ZRender A lightweight graphic library which provides 2d draw for Apache ECharts. Documentation https://ecomfe.github.io/zrender-doc/public/ License BS

Baidu EFE team 5.5k Dec 30, 2022
Apache Superset is a Data Visualization and Data Exploration Platform

Superset A modern, enterprise-ready business intelligence web application. Why Superset? | Supported Databases | Installation and Configuration | Rele

The Apache Software Foundation 49.9k Dec 31, 2022
A monitoring and visualization tool for Apache Kafka.

An open source monitoring tool for Apache Kafka Table of Contents Features Demo Installation Engineering Team Features User-friendly GUI Insights into

OSLabs Beta 44 Jan 2, 2023
An All-in-one Visualization Framework for TiddlyWiki5 based on ECharts

ECharts for TiddlyWiki5 When I first started using TiddlyWiki a long time ago, I wanted TiddlyWiki to be able to visualize data. I wanted to generate

Tiddly Gittly 31 Dec 30, 2022
An open-source visualization library specialized for authoring charts that facilitate data storytelling with a high-level action-driven grammar.

Narrative Chart Introduction Narrative Chart is an open-source visualization library specialized for authoring charts that facilitate data storytellin

Narrative Chart 45 Nov 2, 2022
Open source CSS framework for data visualization.

Charts.css Charts.css is an open source CSS framework for data visualization. Visualization help end-users understand data. Charts.css help frontend d

null 5.7k Jan 4, 2023
DEPRECATED. Zeppelin has moved to Apache. Please make pull request there

Zeppelin has moved to Apache. Zeppelin's has moved to Apache incubator. This github repository is not going to be synced to the ASF's one after 20/Mar

ZEPL 417 Dec 15, 2022
A damn-sexy, open source real-time dashboard builder for IOT and other web mashups. A free open-source alternative to Geckoboard.

freeboard free·board (noun) *\ˈfrē-ˌbȯrd* the distance between the waterline and the main deck or weather deck of a ship or between the level of the w

freeboard 6.3k Dec 28, 2022
A Phigros chart render based on Pixi.js

A Phigros chart render based on Pixi.js

HIMlaoS_Misa 26 Dec 30, 2022