This is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

```geojson
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "coordinates": [
          [
            [
              -60.11363029935569,
              -2.904625022183211
            ],
            [
              -60.11363029935569,
              -3.162613728707967
            ],
            [
              -59.820894493858034,
              -3.162613728707967
            ],
            [
              -59.820894493858034,
              -2.904625022183211 …

This is an example post with some echarts code.

```echarts
{
  "title": {
    "text": "ECharts Getting Started Example"
  },
  "responsive": true,
  "tooltip": {},
  "legend": {
    "top": "30px",
    "data": ["sales"]
  },
  "xAxis": {
    "data": ["Shirts", "Cardigans", "Chiffons", "Pants", "Heels", "Socks"]
  },
  "yAxis": {},
  "series": [
    {
      "name": "sales",
      "type": "bar",
      "data": [5, 20, 36, 10, 10, 20]
    }
  ]
}
```

Which generates:

{
  "title": {
    "text": "ECharts …

This is an example post with some chart.js code.

```chartjs
{
  "type": "line",
  "data": {
    "labels": [
      "January",
      "February",
      "March",
      "April",
      "May",
      "June",
      "July"
    ],
    "datasets": [
      {
        "label": "# of bugs",
        "fill": false,
        "lineTension": 0.1,
        "backgroundColor": "rgba(75,192,192,0.4)",
        "borderColor": "rgba(75,192,192,1)",
        "borderCapStyle": "butt",
        "borderDash": [],
        "borderDashOffset": 0,
        "borderJoinStyle …

This is an example post with TikZ code. TikZJax converts script tags (containing TikZ code) into SVGs.

This post shows how to add bibliography to simple blog posts. We support every citation style that jekyll-scholar does. That means simple citation like { % cite einstein1950meaning % }, multiple citations like { % cite einstein1950meaning einstein1905movement % }, long references like { % reference einstein1905movement % } or also quotes:

{ % quote einstein1905electrodynamics % } Lorem ipsum dolor sit amet, consectetur adipisicing elit …

To include a jupyter notebook in a post, you can use the following code:

{% raw %}

{::nomarkdown}
{ % assign jupyter_path = 'assets/jupyter/blog.ipynb' | relative_url %}
{ % capture notebook_exists %}{ % file_exists assets/jupyter/blog.ipynb % }{ % endcapture %}
{ % if notebook_exists == 'true' %}
  { % jupyter_notebook jupyter_path % }
{ % else %}
  <p>Sorry, the notebook you are looking for does not exist.</p>
{ % endif …

This is an example post with audios. It supports local audio files.

{% include audio.liquid path="assets/audio/epicaly-short-113909.mp3" controls=true %}
{% include audio.liquid path="https://cdn.pixabay.com/download/audio/2022/06/25/audio_69a61cd6d6.mp3" controls=true %}
A simple, elegant caption looks good between video rows, after each …

This is an example post with videos. It supports local video files.

{% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true autoplay=true %}
{% include video.liquid path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true %}
A simple, elegant caption looks good between video …