折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。
６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。
折線、棒、円グラフの３種類ですが、デザインやバリエーションが豊富になります。商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。こちらも商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。
折線、棒、円グラフをはじめ、分布図や比較用のグラフを作成することができます。
チャート用のJavaScriptライブラリは今回紹介している５つ以外にも数多くありました。
より用途にあったライブラリを探してみてもよいと思います。
静岡を拠点に活動している『LGP（ラッキーガールズプロモーション）』様のWEBサイトを制作いたしました。ラッキーガールズプロモーション様では、カットモデル・サロンモデル・カメラマン派遣・体験モニター・撮影会・モデルイベント・パーティー企画・変身ビフォーアフター、ホームペー...続きを読む
以前に紹介をした『Photospace』は、jQueryのサムネイル付のスライドショーギャラリーを実装できる「Galleriffic」を、WordPressの標準ギャラリーのショートコードに対応させることができるプラグインです。インストールと標準設定をご紹介しましたが、今回は...続きを読む
【CSS】リンクフォーカスを利用したナビゲーションのボタン操作
CSSの{a:hover}を使うとマウスオーバーの操作によって背景の色や画像を変えることができます。ナビゲーションメニューなどによく使われる手法ですが今回は{a:focus}に着目してみました。 {a:focus}はリンクにフォーカスされているとき。クリックされた時やT...続きを読む
【無料】商用利用ＯＫシームレステクスチャ「岩石（白玉石風）」素材
自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用ＯＫのフリー素材となっております。 ...続きを読む
WordPressでは、shortcodes（ショートコード）という簡単な記述で、事前の用意された処理コードを実行することができます。 ショートコードを作成する ショートコードの作成はPHP関数の基本的な必要になりますが、オリジナルのショートコードは簡単に作成すること...続きを読む
