Grafika

This is an Obsidian plugin for rendering graph, chart and plot visualizations embedded into Obsidian's Markdown notes.

• Create Markdown notes with embedded visualizations of different kinds.
• Build & Share Dashboards with interactive and live charts, graphs and plots.
• OpenAI's Analysis
  • Get AI Insights for a plot just by clicking a button!
  • Customize the analysis by configuring your own System and User prompts

Write JavaScript code fence blocks for rendering visualizations with different libraries:

• Apache ECharts
• Chart.js
• visjs (network and timeline graphs only!)

There are plenty of code examples at the websites for the supported #Visualization Libraries. Many of them are easy to adapt to code fence blocks, saving a considerable amount of time:

1. Copy-and-paste example code directly into a code fence block.
2. Adapt the example code according to the instructions (WIP).
3. Click outside the code fence block to see the results.

There are several demos available for downloading and playing around with:

• Animated & Interactive plots
• Plotting data from different data sources:
  • Online sources, like HTTP REST endpoints
  • Markdown tables
  • Local CSV & JSON data files

1. Install Grafika
2. Download the zipped demo files: demo-0.6.0.zip
3. Uncompress it into your vault

Have a look at the following video and screenshots in order to get a feeling of the possibilities!

A short video showing:

• Animated and interactive visualizations
• Some of the required JavaScript code to create them
• And also how AI Plot Analysis works!

• Markdown table data plot
• File data plot
• Interactive Earth 3D showing real-time weather data
• Interactive force graph

There are currently two supported methods for installing this plugin:

1. Install BRAT Plugin from the Community Plugins in Obsidian

2. In Obsidian's Settings

   1. BRAT > Add Beta Plugin > Github repository for...
   2. Set to: https://github.com/anteloc/obsidian-grafika-plugin
   3. Restart Obsidian

• Requirements:
  • Node.js v20.x

1. In Obsidian, create a new vault with name: my-vault

2. If it doesn't exist, create a new plugins folder under your vault's .obsidian folder.
   • On some systems, this .obsidian folder will be hidden.

3. Open a terminal and cd to the plugins folder for your vault:

MacOS and Linux

cd path/to/Documents/Obsidian/my-vault/.obsidian/plugins

Windows

cd path\to\Documents\Obsidian\my-vault\.obsidian\plugins

4. Clone and build Grafika's repository:

git clone https://github.com/anteloc/obsidian-grafika-plugin.git
cd obsidian-grafika-plugin
npm install

5. Open your my-vault in Obsidian and Turn on community plugins if required.

6. In Obsidian's Settings, enable Grafika if required and restart Obsidian afterwards:

If you are currently enjoying this plugin, and maybe has saved you time and effort worth inviting me a coffee, consider supporting my work by buying me one!

TBD