Difference between revisions of "Data Visualization"
Jump to navigation
Jump to search
Line 2: | Line 2: | ||
* Javascript | * Javascript | ||
* Automated flow chart generation from markdown | * Automated flow chart generation from markdown | ||
− | * [https://github.com/knsv/mermaid] | + | * [https://github.com/knsv/mermaid on Github] |
* Jupyter notebook extension <code>%reload_ext mermaid</code> | * Jupyter notebook extension <code>%reload_ext mermaid</code> | ||
+ | |||
=== Flowchart syntax === | === Flowchart syntax === | ||
− | * [https://mermaid.js.org/syntax/flowchart.html?id=flowcharts-basic-syntax] | + | * [https://mermaid.js.org/syntax/flowchart.html?id=flowcharts-basic-syntax Flowchart syntax docs] |
− | + | * Chart types | |
+ | ** flowchart (alias "graph") | ||
+ | * Nodes | ||
+ | ** ```node_id_name[text in box]``` | ||
+ | * Edges | ||
==Graphviz== | ==Graphviz== |
Revision as of 15:03, 22 January 2024
Mermaid
- Javascript
- Automated flow chart generation from markdown
- on Github
- Jupyter notebook extension
%reload_ext mermaid
Flowchart syntax
- Flowchart syntax docs
- Chart types
- flowchart (alias "graph")
- Nodes
- ```node_id_name[text in box]```
- Edges
Graphviz
- Non directed graph, directed graph
from graphviz import Digraph, Graph
- Really not a lot of control over placement of the nodes.
- Some experimentation