diff --git a/src/sandbox/res/sanbox_example_md_rendered.png b/src/sandbox/res/sanbox_example_md_rendered.png new file mode 100644 index 0000000..9e67dfa Binary files /dev/null and b/src/sandbox/res/sanbox_example_md_rendered.png differ diff --git a/src/sandbox/res/sandbox_example_md_unrendered.png b/src/sandbox/res/sandbox_example_md_unrendered.png new file mode 100644 index 0000000..f753fa9 Binary files /dev/null and b/src/sandbox/res/sandbox_example_md_unrendered.png differ diff --git a/src/sandbox/res/sandbox_example_python.png b/src/sandbox/res/sandbox_example_python.png new file mode 100644 index 0000000..036de07 Binary files /dev/null and b/src/sandbox/res/sandbox_example_python.png differ diff --git a/src/sandbox/res/sandbox_example_ui.png b/src/sandbox/res/sandbox_example_ui.png new file mode 100644 index 0000000..e7bebb3 Binary files /dev/null and b/src/sandbox/res/sandbox_example_ui.png differ diff --git a/src/sandbox/use_cases.md b/src/sandbox/use_cases.md index 66a2b55..9a1e71d 100644 --- a/src/sandbox/use_cases.md +++ b/src/sandbox/use_cases.md @@ -3,6 +3,43 @@ tbd ipynb example syntax + markdown + tex + voila slider (interactive dashboards) +# Example Python +Inside the Notebook file you can write normal python syntax and can use plotting libaries to visualize your data and show the insights. + +![Sandbox Example Python](res/sandbox_example_python.png) + +# Example Markdown +Inside Notebooks its possible to write Markdown text. This allows the user and the lectures to write formatted text inside the code editor, to create and answer Assignments. + +| Markdown Syntax | Description | +| ------------------------------------------------ | --------------------------------------------------------- | +| ** text ** | bold | +| * text * | italic | +| *** text *** | bold &italic | +| # Heading 1 | Heading Level 1 | +| ## Heading 2 | Heading Level 2 | +| ### Heading 3 | Heading Level 3 | +| 1. Listitem
2. Listitem
3. Listitem | Ordered List | +| * Listitem 1
* Listitem 2
* Listitem 3 | Unordered List (instead of * it can be +, - used) | +| ```python
3x(`) | can be used to show embed python syntax with highlighting | + +The following picture shows the markdown syntax: +![Sandbox Markdown Unrendered](res/sandbox_example_md_unrendered.png) + +The following picture shows the rendered Markdown: +![Sandbox Markdown Unrendered](res/sanbox_example_md_rendered.png) + +if you need more or advanced syntax to format your text with markdown have a look [here](https://www.markdownguide.org) + + + +# Example interactive dashboard +The following example shows the use of a interactive dashboard. The User Interface, makes it possible to the enduser to experiment/interact more easily with the Notebook. + +![Sandbox Architecture](res/sandbox_example_ui.png) + +# Example tex + idee: - bild use case example