Dashyard

https://github.com/tokuhirom/dashyard

Dashyard は、Dashboard-as-Code　に振り切ったシンプルなグラフダッシュボードアプリです。

持っている機能としては以下のようなもの。

• シンプルな認証(mkpasswd したパスワードでログインする感じ)
• シンプルなグラフのみサポート
• YAMLでダッシュボード定義
• サーバー側に状態を持たない。コンテナが消えても泣かない　Immutable　設計。

技術スタックは以下。

• golang
  • gin
  • goreleaser
• typescript
  • vite
  • react-chartjs-2
  • chart.js
  • remark-gfm
• react
• tagpr

極めてシンプル。

ダッシュボードは YAML でこんな感じで書く。

title: "System Overview"
rows:
  - title: "CPU"
    panels:
      - title: "CPU Utilization"
        type: "graph"
        query: 'system_cpu_utilization_ratio'
        unit: "percent"
      - title: "Notes"
        type: "markdown"
        content: |
          ## About
          This panel renders **Markdown**.

ダッシュボードはディレクトリ構造を持つことができ、そのディレクトリ構造がそのまま画面に反映される。

こういう感じで作る。

/dashboards/
├── infra/
│   ├── network.yaml
│   └── storage.yaml
├── apps/
│   ├── api-server.yaml
│   └── batch.yaml
└── overview.yaml

Published: 2026-01-31(Sat) 10:23