> For the complete documentation index, see [llms.txt](https://datafibers-community.gitbook.io/datafibers-complete-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://datafibers-community.gitbook.io/datafibers-complete-guide/best-practice/book-feature-demo.md).

# Book Feature Demo

## Reference

1. [PlantUML Viewer](https://www.planttext.com/)
2. [PlantUML Cheatsheet](http://ogom.github.io/draw_uml/plantuml/)

## Annotations

> <img src="https://774911537-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHJwcTcVHSoKoQU8lwJ%2F-LHJwgu2tdzfUjtWiZn7%2F-LHJwhahz4BlnxM2Z3MO%2Finformation.jpg?generation=1531507310739497&amp;alt=media" alt="" data-size="line"> This is for information.
>
> <img src="https://774911537-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHJwcTcVHSoKoQU8lwJ%2F-LHJwgu2tdzfUjtWiZn7%2F-LHJwhajb9zRfPhG9sXE%2Fwarning.jpg?generation=1531507310724860&amp;alt=media" alt="" data-size="line"> This is for pitfall.
>
> <img src="https://774911537-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LHJwcTcVHSoKoQU8lwJ%2F-LHJwgu2tdzfUjtWiZn7%2F-LHJwhal48yHsqwA3X9d%2Ftip.jpg?generation=1531507301687755&amp;alt=media" alt="" data-size="line"> This is for tips.

## PlantUML

## EnChart

```
{
    "title": {
        "text": "Fruits number"
    },
    "tooltip": {},
    "legend": {
        "data":["Number"]
    },
    "xAxis": {
        "data": ["Apple","Banana","Peach","Pear","Grape","Kiwi"]
    },
    "yAxis": {},
    "series": [{
        "name": "Number",
        "type": "bar",
        "data": [5, 20, 36, 10, 10, 20]
    }]
}
```