# 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

{
"$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

### 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

firstName,lastName,email,phoneNumber
John,Doe,[e-mail],0123456789
Jane,Doe,[e-mail],9876543210
James,Bond,[e-mail],0612345678

### fretboard 6 frets

 o O *
  o o 
-o-oo-
-o-oO-
-oo-o-
-*O-o-
  3 5

---
## Диаграмма графа связей

 graph { 
  ЯПОНИЯ [color=magenta shape=triangle]
  
  ЯПОНИЯ -- {костюм Символ природа}   [color=magenta style=dashed]
  
  Символ -- костюм    [color=green]
  костюм -- природа   [color=orange]
  Символ -- природа    [color=red]
  
 
  
} 

digraph{
   2 -> 1 [color=green]
  3 -> 2  [color="#FF0000"]
 4 -> 3
5 -> 4
} 

---