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 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]
        }
      ]
    }

Note that this library offer support for both light and dark themes. You can switch between them using the theme switcher in the top right corner of the page.

## Enjoy Reading This Article?

Here are some more articles you might like to read next:

- Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
- Displaying External Posts on Your al-folio Blog
- a post with tabs
- a post with typograms
- a post that can be cited