折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。
６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のcanvasを使用しています。
折線、棒、円グラフの３種類ですが、デザインやバリエーションが豊富になります。商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。こちらも商用利用は有料になっています。
シンプルな折線、棒、円グラフを作成することができます。
折線、棒、円グラフをはじめ、分布図や比較用のグラフを作成することができます。
チャート用のJavaScriptライブラリは今回紹介している５つ以外にも数多くありました。
より用途にあったライブラリを探してみてもよいと思います。
焼津おんぱく2018 「No30.焼津のスポットを歩き巡る インスタ映えする写真の撮り方講座」
カメラマンとして、焼津おんぱく2018 「No30.焼津のスポットを歩き巡る インスタ映えする写真の撮り方講座」のプログラムの案内人をしました。 風が強く、雲が少し多い日でしたが、天気にも恵まれ、タイミングにもめぐまれ、参加者さんみんなに楽しんでいただき、焼津の魅力を再発見...続きを読む
【JavaScript】ページ内リンクでページスクロールを実現する「smoothScroll.js」
「smoothScroll.js」は、ページ内リンクでページをスクロールを実装できすJavaScriptライブラリです。jQueryを実装していない状態でも稼働するので、手軽に導入できます。 基本的な使い方 導入は簡単、ライブラリを読み込むだけで実装でき、設置後は...続きを読む
先日、包装用のラベルシールや包装ツールを手掛けさせていただくことになりました。 今日は、ボトル＆瓶詰めのパッケージデザインで参考になったデザインワークスのまとめです。 Le Chat ブラジルにあるデザイン事務所「A Sweety Branding Studio.」...続きを読む
入門編では、リスト番号を自動で付ける方法を紹介しました。 今回はさらに一歩進んで、段落番号や図表番号を自動付与する実用テクニックを解説します。 マニュアル記事やレポート風コンテンツだけでなく、Webサイト制作でも大いに役立つ仕組みです。...続きを読む
【HTML】Bootstrap フレームワークを使い作成するレスポンシブサイト
Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む
