ダッシュボードアプリの作成これから作成するウィジットはすべて、d3.jsを元としたc3.jsに基づいています。c3.jsは、ゲージ・円グラフ・積み上げ棒グラフ・積み重ねエリアチャート・時系列を表示するグラフなど、さまざまな種類のチャート、さらには、レンダリング後の図の状態にアクセスし、アップデートするためのAPIやコールバックを提供します。このチュートリアルでは、ウィジット作成技術習得のために、色々なhtmlウィジットを含むインタラクティブなダッシュボードアプリケーションを作成します。ダッシュボードデータダッシュボードに表示するデータは、保険会社から得られた以下のようなデータで、保険期間中に新規に新たな保険に加入する人に関する情報を表します。driverデータは、行が保険に対する審査結果を示します。applications)のデータ(イメージ画像)の4つのゲージは、特定の期間におけるREDの割合を示しています。ユーザーは左のトップダウンメニューで、リスクグループを選択する事ができます。ゲージの下の円グラフでは、様々なプロセス、ラベル、商品、支店ごとの審査結果の分布が示されています。中央の棒グラフと折れ線グラフでは、灰色の棒グラフが週ごとの審査数を表し、GREEN,RED,AMBER,BLACKがそれぞれの推定スコアに対応しています。下の図は、絶対値表示か、割合による表示かを切り替えて表示することができます。それぞれの図の種類に対して、別々のhtmlウィジットを作成します。ダイナミックヘルプシステムの作成ウィジットの作成方法に加えて、本チュートリアルでは、インタラクティブなダイナミックヘルプシステムの作り方も合わせて扱います。ヘルプシステムは、intro.jsというJavascriptのライブラリーにもとづいており、Webサイトの段階的なガイドを作成できます。アノテーションレイヤーとナビゲーションシステムを組み合わせて、選択した要素の周りに素敵なボックスを表示します。(イメージ画像)バインディングの作成チュートリアルの終盤で、カスタム入力バインディングを作成します。入力バインディングは、クライアントからイベントを取得し、それをshinyに送信する部品です。例に出てくるコンテンツはGithubに掲載されています。K@sasaki_K_sasaki医療レセプトを扱っています。upLoginユーザーは見つかりませんでした。