# Test file with some characteristics (Header 1)

{{TOC}}

## Usual markdown objects

### Text in paragraph

Here there is some text in *italic* and some in **bold** and link to my personal page [Personal Page](http://www.fisoft.es).
We can also add some image ![Trek1](https://www.shareicon.net/data/48x48/2015/09/14/100885_star-trek_512x512.png).

And continue with some different ==highlights== in the text, or if you want to correct a partner, you can ~~strikethrough~~ some text.

### Horizontal Rule

---

### Lists

#### Bullet list (*)
* List
* List
* List

#### Bullet list (-)
- List
- List
- List

#### Numerical list (n.)
1. One
2. Two
3. Three

#### Tasks Lists

- [ ] Unfinished task list item
- [ ] Another unfinished task
- [x] Finished task list item

### BlockQuote
> Normal BlockQuote

and big one

> BlockQuote with some several text that could be written in this textbox and with some different lines.
> And you can continue in a new line and add also some format like **a bold text** and *italics*.

and quote to quote to quote....
> This is the big quote
>> And quote inside a quote

### Code Blocks
#### Without code specification
```
This is code block normal with standard format
and it could be used, for example to represent an output from an execution in a command shell
```

#### With code highlighting
```language-python
#This one has "language-python" as mark up in the code block
#and let's format it. (be aware of wrap lines!)

import numpy as np
import pandas as pd
import matlplotlib.pyplot as plt

df = pd.read("hola.csv",sep=";")
root = np.sqrt(25)

class sergiiatemplate:
    super():
        print("I'm python code")
```

### Table
#### Normal Table
|Header |Column 1 | Column 2 | Column 3  | 
|:--- |:---- |:----:| ----:|
|1. Row| is | is | is  |
|2. Row| left | nicely | right  |
|3. Row| aligned | centered | aligned  | 
#### CSV Table
/example.csv

### Mathematical
An example of math inline ${e}^{i\pi }+1=0$

To show an expression by itself with double dollar:

$${x}_{1,2}=\frac{-b\pm \sqrt{{b}^{2}-4ac}}{2a}$$

## Plugins Add-ons

This plugins are managed through code block mark-up.

### Mermaid Plugin
[Mermaid Home Page](https://mermaid-js.github.io/mermaid/#/)

```mermaid
graph LR
    A[Start] --> B{Is it?};
    B -->|Yes| C[OK];
    C --> D[Rethink];
    D --> B;
    B ---->|No| E[End];
```

```mermaid
sequenceDiagram
    A->>B: I #9829; you!
    B->>A: I #9829; you #infin; times more!
```
### Chart.js graph
[Chart.js Home page](https://www.chartjs.org/)

```chart-chartjs
    {
      "type": "pie",
      "data": {
        "labels": [
          "Red",
          "Blue",
          "Yellow"
        ],
        "datasets": [
          {
            "data": [
              300,
              50,
              100
            ],
            "backgroundColor": [
              "#FF6384",
              "#36A2EB",
              "#FFCE56"
            ],
            "hoverBackgroundColor": [
              "#FF6384",
              "#36A2EB",
              "#FFCE56"
            ]
          }
        ]
      },
      "options": {
        "responsive": "false",
        "animation": "false"
        }
    }
```

### Chartist.js
[Chartist.js home page](https://gionkunz.github.io/chartist-js/)

```chart-chartist
    {
      labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
      series: [
        [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8],
        [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4]
      ]
    }
```
### Plotly.js
```chart-plotly
[
{
x: [1, 2, 3, 4],
y: [10, 11, 12, 13],
mode: "markers",
marker: {
size: [40, 60, 80, 100]
}
}
]
```

```chart-plotly
[
{
x: [1,2,3,4,5],
y: [2,4,6,8,10]
}
]
```