Graphs

Plugin of Obsidian that creates interactive graphs from YAML.

This file only covers the basics of how to use this plugin for more information go to Graphs Wiki.

If you have a cool graph that helps show the capabilities of this plugin please post it in this thread discussion.

Features

• Built in graph types (circle, derivative, vector fields, etc.)
• Complex mathematical function support
• Interactable
• 3D graphs
• Syntax highlighting
• Obsidian theme support

Installation

Can be found in the community plugin browser in Obsidian.

• make sure to turn off restricted mode
• you can paste this link into your browser and it will bring you to the page
  • obsidian://show-plugin?id=graphs
  • click install

How to use

To create a graph create a code block with the language set to graph.

```graph
bounds: [Xmin, Ymax, Xmax, Ymin]
elements: [
    {type: "name", def: []}
]

### Examples

#### Line

bounds: [-10, 10, 10, -10]
elements: [
    {type: "line", def: [[0,0],[4,1]]}
]

![Graph with line](./images/line.png)

#### Sin Riemannsum

bounds: [-8,4,8,-4]
elements: [
    {type: "slider", def: [[1,3],[5,3],[1,10,50]], att: {name: "n"}},
    {type: "slider", def: [[1,2],[5,2],[-10,-3,0]], att: {name: "start"}},
    {type: "slider", def: [[1,1],[5,1],[1,6,10]], att: {name: "end"}},
    {type: "functiongraph", def: ["f:Math.sin(x)", "f:e1", "f:e2"]},
    {type: "riemannsum", def: ["f:Math.sin(x)","f:e0", "left", "f:e1", "f:e2"], att: {fillColor: "#ffff00", fillOpacity: 0.3}},
    {type: "text", def: [-4, 2, "'Sum = ' + f:e4.toFixed(4)"], att: {fillColor: "#ffff00", fillOpacity: 0.3}},
]

![Sin Riemannsm](./images/sinRiemannsum.gif)

## Bugs

If you find any bugs with this plugin please create a new issue so that they can be resolved.

##  Contributing

If you want to contribute please create an issue or pull request.

## Attribution

This plugin uses 

- [JSXGraph](https://jsxgraph.org/wp/index.html)