16  Quarto Dashboards

Рассмотрим создание информационных панелей (дэшбордов или панелей мониторинга).

введение: https://zvonobot.ru/blog/dashbord-prostymi-slovami-chto-takoe/ https://habr.com/ru/companies/modusbi/articles/760780/

пример

Дэшборды возможно публиковать как статические веб-страницы, так и как динамические страницы. Больше примеров информационных панелей можно увидеть на странице галереи Quarto.

Основные компоненты дэшбордов, которые мы рассмотрим здесь, это:

  1. Макет страницы.
  2. Панель навигации.
  3. Дополнительные элементы: карточки (cards), боковые панели (sidebar), панели инструментов (toolbar), панели показателей (valuebox).

16.1 Макет страницы

В первую очередь необходимо определить макет для каждой страницы панели, который отражает расположение компонентов на странице.

hello-dashboard.qmd
---
title: "Моя информационная панель"
author: "[Автор]"
format: dashboard
---

## Row {height="20%"}
```{r}
#| content: valuebox
#| title: "Значения"

1
```

```{r}
#| content: valuebox
#| title: "Информация"

2
```

```{r}
#| content: valuebox
#| title: "Тренды"

3
```

## Row
```{r}
#| title: Пример графика
library(tinyplot)
plt(
  Sepal.Length ~ Petal.Length | Species, 
  data = iris,
  palette = "dark", pch = 16,
  grid = TRUE, frame = FALSE
)
```

```{r}
#| title: Таблица
library(reactable)
reactable(iris[1:10, ])
```
Рисунок 16.1: Пример простейшей информационной панели

16.2 Панель навигации

16.3 Дополнительные элементы

https://github.com/cscheid/quarto-dashboard-ojs-examples