---
# Active Content in Markdown (Graphviz Example)
## (A) Write your Viz inline in Markdown
Code in a `
```
---
## (B) Give your Application/Demo its own Markdown file
That way one can use a [whole markdown page](graph-app.md) as tool, e.g. #ChangeGraph. And the page can hast more control over layouting etc. E.g. make use of absolute positioning.
And the app/tool can be called with parameters.
```javascript
// ..
var markdownComp = lively.query(ctx, "lively-markdown")
var parameters = markdownComp.parameters
// ..
this.update() } type="range" min="1" max="300" value={parameters.edges || 50} class="slider" id="nodes">
// ..
```
```javascript
lively.openMarkdown(lively4url + "/demos/swd21/tutorial/graph-app.md",
"Graph Examp le", {nodes: 20, edges: 30})
```
And open it in it's own window
---
## (C) Embed Markdown in Markdown
But we can also embed it directly
---
## (D) Put "Application/Tool" in own JavaScript file
```javascript
```
---
## (E) Create Web Component / Custom HTML Tag for Application / Tool
---
## (X) Use iFrames to embed external content in Sandbox
As a last resort one can always fall back on iFrames....
Benefits: real embedding...
Downside: integration/comunication with host is limited/not possible
```javascript
```
---
## And some graphics
