折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。
６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。
折線、棒、円グラフの３種類ですが、デザインやバリエーションが豊富になります。商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。こちらも商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。
折線、棒、円グラフをはじめ、分布図や比較用のグラフを作成することができます。
チャート用のJavaScriptライブラリは今回紹介している５つ以外にも数多くありました。
より用途にあったライブラリを探してみてもよいと思います。
藤枝駅の近くにある冒険と遊びの喫茶店「らみぃ」に行ってきました。ボードゲームが遊べるプレイスペースで、並んでいるボードゲームをみるとワクワクします。 アナログゲームをじっくりと遊ぶことができるお店、はじめていきましたが、楽しい時間を過ごせてとても充実した時間を過ごせました！...続きを読む
今回は、タイトルの通り普通の本棚とは異なるアイディアにあふれたクリエイティブな本棚のデザインをまとめてみました。 “Bias of Thoughts” 目の錯覚を利用した不思議なデザインです。 Link：http://melbournea...続きを読む
【CSS】Googleマップの埋め込み用HTMLコードをレスポンシブに対応させる
Googleマップで、埋め込み用HTMLコードを発行して、ブログやサイトに貼り付けて使うことがよくあると思います。 サイトがレスポンシブ対応の場合、本文中のGoogleマップが、要素からはみ出して見栄えが崩れたり、案内したい所在地のポインタが表示されないということがあります...続きを読む
【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》
Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む
大阪にある歯科クリニックのはぴねす歯科様のWEBサイトのリニューアルにおけるデザイン提案をいたしました。かわいらしいキャラクターのロゴにデザインを合わせて、親しみやすいかわいらしいデザインになるように心がけました。虫歯治療をはじめ、歯周病、予防歯科、矯正などイラストやイメージ...続きを読む
