[B! chart] J138のブックマーク

JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza times

どうも、まさとらん（@0310lan）です。今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。【基本の書き方】「chart.js」ファイルは、公式

J138 2016/06/08

リンク

morris.js

Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> 2 <script src="//ajax.google apis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 3 <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 4 <script src="//cdnjs.cloudflare.com/ajax/libs/mo

J138 2015/11/20

chart

リンク

D3.js

D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility

J138 2014/02/20

リンク

Pizza Pie Charts | Playground from ZURB

Creating responsive pie charts for any device is a piece of pie. Download Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices. And the pie will fit the width of your box — um, container — or can be given a max-width or max-height. Example Pizza is an easy to use plugin. It's built with our responsive framewor

J138 2013/11/06

リンク

Chart.js

New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.

J138 2013/07/24

リンク

http://e0166nt.com/blog-entry-706.html

J138 2009/08/18

リンク

ブログにグラフを貼り付けられる無料サービス「JSChart」

ブログで何か説明するとき、文字で説明するよりも画像で説明した方がわかりやすい場合が多々ありますが、「すぐにグラフが作ることができればなぁ……」と思うこともあるはず。そんなときに便利なのがこのブログにグラフを貼り付けられる無料サービス「JSChart」。グラフの種類、項目名、数値を入力するだけであっという間にグラフが完成します。また、APIも提供されています。簡単な使い方は以下の通り。 Web制作者向けの簡単・リアルタイムなグラフ描画ツール - JSChart - http://www.jschart.jp/ トップページにアクセスするとフリーデモと書いてある部分があるので、そこで作成可能です。まずはグラフの種類を選びます。線グラフ、棒グラフ、円グラフ、円グラフ3Dの4つから選択可能次にグラフに表示される名前を入力します。また、複数のグラフが必要な場合は「系列を追加する」で増やすことが

J138 2009/06/10

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

J138 2009/02/14

リンク

Sparklinesをエクセルで·Sparklines for Microsoft Excel MOONGIFT

Sparklinesとは一行くらいの高さで表示される小さなグラフのことだ。小さいがために、各行単位でグラフを表示したり、刻々と変化するグラフを表すのに便利だったりする。数十のグラフを一つの画面上に表示する際にも、データとの整合性がとりやすく、見栄えもいい。 Excelで使えるSparklines 最近、色々な場所で見るようになってきたが、まだまだ一般化される必要があるだろう。その手助けになるのがこのソフトウェアだ。今回紹介するオープンソース・ソフトウェアはSparklines for Microsoft Excel、ExcelでSparklinesを実現するソフトウェアだ。 Sparklines for Microsoft ExcelはMicrosoft Office 2000または2003向けに作られたアドオンではあるが、2007でも動作した。棒グラフ、線グラフ、円グラフをはじめとして