折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。
６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。
折線、棒、円グラフの３種類ですが、デザインやバリエーションが豊富になります。商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。こちらも商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。
折線、棒、円グラフをはじめ、分布図や比較用のグラフを作成することができます。
チャート用のJavaScriptライブラリは今回紹介している５つ以外にも数多くありました。
より用途にあったライブラリを探してみてもよいと思います。
WordPressを使用してWEBサイトやブログを構築するとき、ページの名前、カテゴリーの名前、タグの名前などに英単語で名前をつける際に注意することがあります。プログラミングに馴染みのある方にとっておなじみだと思いますが、名前をつけるときには「予約語」を避けることです。 ...続きを読む
【HTML】Bootstrap フレームワークを使い作成するレスポンシブサイト
Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む
【デザイン】無料でダウンロードができるベクター素材サイトまとめ
WEBサイトやデザイン制作において、ベクター素材は加工もし易くロゴやアイコンいろんな場面で活躍します。そんなベクター素材が無料でダウンロードできるサイトをまとめてみました。 Vector Stock ユーザー登録が必要ですが、有料から無料のロイヤリティーフリーの素材が...続きを読む
藤枝市青葉町にあるドックトリミングサロン「ぴんきぃまこ」様のWEBサイトを制作いたしました。ロゴに合わせてピンク色のベースに、大人っぽい可愛らしさを演出できるようにデザインをしました。お店からの最新情報をお届けできるように、CMSで構築し、お知らせやおすすめ商品、スタッフ...続きを読む
【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法
前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換（コンパイル）してCSSとして書き出してWEBサイトに組み込むことを...続きを読む
