bootstrap-ダッシュボードの参考例です。

サンプル（１）

See the Pen Full Free Bootstrap HTML Admin Dashboard Template by DashboardPack (@DashboardPack) on CodePen.

サンプル（２）

See the Pen Admin dashboard pro version by Mengseng Oeng (@mengsengoeng) on CodePen.

サンプル（３）

See the Pen Dashboard UI #1 : Project management with Charts by Olsi Odobashi (@olsiodobashi) on CodePen.

サンプル（４）

See the Pen Bootstrap Dashboard and Admin Template by YFS11013 (@yfs11013) on CodePen.

サンプル（５）

See the Pen Bootstrap Admin Page Example by Henry Schmeding (@htschmed) on CodePen.

関連記事:

ダッシュボード(ADMIN) Laravel-AdminLTEインストール Laravel-AdminLTEとlivewireインストール PHP-AdminLTEインストール bootstrap-モーダル bootstrap-モーダル-データの受け渡し bootstrap-モーダル-位置・サイズ bootstrap-モーダル-入力フォーム bootstrap-テーブル＆フォーム bootstrapテクニック LP構築例 Nuxt.js + Vue.js ダッシュボード bootstrap入門 ECサイト構築例 Nuxt.js + Vue.js ECサイト構築例 React.js Redux Next Chart.jsインストール Chart.jsサンプル Chart.jsパラメータ Chart.jsラインチャート(Line) Chart.js時系列チャート(Time) Chart.js棒チャート(Bar) Chart.js積み重ね棒チャート(Bar:Stack) Chart.jsパイチャート(Pie) Chart.jsドーナツチャート(Doughnut) Chart.js鶏頭図チャート(Polar) Chart.jsレーザーチャート(Radar) Chart.jsバブルチャート(Bubble) Chart.js散布図(Scatter) Chart.jsチャートを更新する(Update) Chart.jsデフォルト値を変更する