---
# System prepended metadata

title: Collaborative Work 2022 with students
tags: [Examples, MD]

---

# Collaborative Work 2022 with students

-----------------------------------------
Table Of Content

[TOC] 


<h1> HTML h1 tag </h1>

### Active Comments
> Comment1



-------------------------------------------

### iframe Google table
<iframe src="https://docs.google.com/spreadsheets/d/1yiw4nB2waxE6ITodUhmIZLaUHQu2hDSheltrjUKnxz0/edit?usp=sharing" style="border: 0" width="2048" height="800" frameborder="0" scrolling="no"></iframe>


### iframe to Glitch
<iframe src="https://glitch.com/edit/#!/fun-painter-function?path=README.md%3A9%3A0" style="border: 0" width="2048" height="800" frameborder="0" scrolling="no"></iframe>


## TeX formulas
### Simple outline

$$ i \le 21 $$
 
$$ y=x^2 $$

### Simple outline with Integral
$$
y = \int
        _{-\pi}
         ^{\pi} 
         \sin \cos x \, 
    dx 
$$

### Simple outline matrix
$$
  \begin{bmatrix}
        -e   & \varphi \\
        \sin x &  \cos x 
  \end{bmatrix}
$$

### Outline array matrix with TeX square brackets
$$
 \left[
 \begin{array} {ccc|c}
  1 & 2 & 3 & 4 \\
  1 & 2 & 3 & 4 \\
  1 & 2 & 3 & 4 \\
   \hline
  1 & 2 & 3 & 4
\end{array}
\right]
$$

------------


## Тест скорости интернет соединения с моим компьютером
[2ip.ua with Internet speed test](https://2ip.ua/ru/myspeed) 

-----------

### Table

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |


### Table with live time 
| column   |    time    |
|----------|-------------|
|          |<iframe src="https://free.timeanddate.com/clock/i7sje4gi/n367" frameborder="0" width="114" height="18"></iframe> |

--------------------


### Vega vizualization
```vega
{
"$schema": "https://vega.github.io/schema/vega-lite/v4.json",
"description": "A simple bar chart with embedded data.",
"height": "500", "width": "500",
"data": {
"values": [
{"a": "A", "b": 28}, {"a": "B", "b": 55}, {"a": "C", "b": 43},
{"a": "D", "b": 91}, {"a": "E", "b": 81}, {"a": "F", "b": 53},
{"a": "G", "b": 19}, {"a": "H", "b": 87}, {"a": "I", "b": 52}
]
},
"mark": "bar",
"encoding": {
"x": {"field": "a", "type": "ordinal"},
"y": {"field": "b", "type": "quantitative"}
}
}
```
                     
|      |

### Picture on i.imgur.com  
![space](https://i.imgur.com/kahpcXo.jpg)

### Simple html tag div
<div id=mydiv>
my div1
</div>

### JavaScript (not working...)
<script>
 mydiv.innerHTML += "Hello1!"
 console.log("Hello1!");
</script>

### iframe to GoogleJamboard
<iframe src="https://jamboard.google.com/d/1Qjyn2yikHr7l34NiwTC_vlBYsziY9sc1KNYv0LM7L1o/edit?usp=sharing" frameborder="0" width="1800" height="800"></iframe>


### iframe to geogebra
<iframe src="https://www.geogebra.org/graphing/r2ntemzx" height="800px" width="1000px"></iframe>

### csvpreview
```csvpreview {header="true"}
firstName,lastName,email,phoneNumber
John,Doe,john@doe.com,0123456789
Jane,Doe,jane@doe.com,9876543210
James,Bond,james.bond@mi6.co.uk,0612345678

```
### fretboard 6 frets
```fretboard {title="horizontal, 6 frets, with nut", type="h7"}
 o O *
  o o 
-o-oo-
-o-oO-
-oo-o-
-*O-o-
  3 5
```
---
## Диаграмма графа связей 
```graphviz
 graph { 
  ЯПОНИЯ [color=magenta shape=triangle]
  
  ЯПОНИЯ -- {костюм Символ природа}   [color=magenta style=dashed]
  
  Символ -- костюм    [color=green]
  костюм -- природа   [color=orange]
  Символ -- природа    [color=red]
  
 
  
} 
```
```graphviz
digraph{
   2 -> 1 [color=green]
  3 -> 2  [color="#FF0000"]
 4 -> 3
5 -> 4
} 
```

---
