on:2019年12月18日sponsors手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。グラフやチャートに使用するデータは外部.csvファイルにも、カンマ区切りのテキストデータにも対応しています。-GitHubroughViz.jsの特徴roughViz.jsのデモroughViz.jsの使い方roughViz.jsの特徴roughViz.jsは、ブラウザで手書きスタイルのグラフやチャートを作成するためのJavaScriptライブラリです。D3.jsとrough.jsをベースにしており、MITライセンスで利用できます。グラフやチャートは、現在7種類に対応しています。垂直積み上げ棒グラフroughViz.jsで用意されているスタイルスタイルも豊富で、手描きのラフさ、線のスタイル、線の密度を調整できます。roughViz.jsのデモroughViz.jsで作成したグラフやチャートは、デモページで楽しめます。スタイルも値を変更すると、反映されます。外部ファイル当スクリプトを外部として記述します。src="https://unpkg.com/rough-viz@1.0.5"></script>npmでも利用できます。HTML1つのグラフごとに1つのコンテナを用意します。2つのグラフを設置する場合は、2つコンテナを用意します。JavaScriptJavaScriptで目的のコンテナを参照して、グラフを定義します。グラフの値は、外部.csvファイルでも、カンマ区切りのテキストでも対応しています。