【JavaScript】手書き風グラフⅡ①
今回は、”色々な種類”の手書き風のグラフを作成するjsライブラリ「rawViz.js」を紹介します。
手書きで可愛いグラフが描画できますので、ちょっとしたアクセントに良いと思います。
ライブラリの読込
<script src="https://unpkg.com/rough-viz@1.0.6"></script>
HTMLの記述
DIVタグを準備
<div id="viz"></div>
JSの記述
new roughViz.Donut({
element: "#viz",
data: {
labels: ["a", "b", "c"],
values: [20, 10, 5]
},
colors: ["#0bd", "#fc2", "#f99"]
});
手書きグラフ
