折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。
６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。
折線、棒、円グラフの３種類ですが、デザインやバリエーションが豊富になります。商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。こちらも商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。
折線、棒、円グラフをはじめ、分布図や比較用のグラフを作成することができます。
チャート用のJavaScriptライブラリは今回紹介している５つ以外にも数多くありました。
より用途にあったライブラリを探してみてもよいと思います。
CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む
店舗やオフィスなど単調な壁面、インテリアや照明がないと少し寂しい雰囲気にもなります。 そのような室内の壁をクリエイティブに飾るアートワークをまとめてみました。 Smartdeco - Wall decoration design: asterisco*l...続きを読む
【WP】WordPressのアーカイブリストの「年月」表示をカスタマイズする
WordPressでは投稿された記事に対して、年別や月別のアーカイブを生成できます。アーカイブのリスト表示は2014年1月というように掲載されますが、年や月の表示を変えて表示したいこともあります。 アーカイブの日付表示 投稿された記事の日付の形式はWordPr...続きを読む
ウエディングパーティーなど来客者をテーブルに案内するときは座席表やエスコートカードが登場しますね。今回は、クリエイティブなエスコートカードの参考事例をご紹介します。 Malibu Calamigos Ranch wedding 可愛らしいミニチュアサイズの鉢植えでお出...続きを読む
【HTML】Font Awesome 5 をWEBサイトに組み込む方法
Font AwesomeはWEBサイトにも組み込むことができるアイコンフォントです。現行の最新バージョン（Version 5.8.1）では、無料版で1,513種類、有料版で5,097種類ものアイコンが利用することができます。アイコンは矢印やインターフェースで利用でいる記号、SNS...続きを読む
