Twitter等に投稿できるテキストベースのグラフを簡単に作れる・「Tweetable Charts」
Tweetable ChartsはTwitter等のSNSに投稿できるテキストベースのグラフを簡単に作れるWebアプリです。 作り方も非常に簡単、シンプルでラベルと数値を入力すれば良いだけ。グラフの種類もいくつか用意されています。 以下サンプルです。 Fully vaccinated citizens. (11 May) Ｓｅｙｃｈｅｌｌｅｓ: |▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░| 60% Ｉｓｒａｅｌ: |▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░░| 56% Ｓａｎ．Ｍａｒｉｎｏ: |▓▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░| 37% — tweetable-charts (@ChartsTweetable) May 11, 2021 Countries with 3 largest GDP. (IMF Estimates in Million) ＵＳ
Dashboards by Keen IO – グラフを多用したBootstrap管理画面テンプレート
Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。 そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化を特に想定しているDashboards by Keen IOを紹介します。 Dashboards by Keen IOの使い方 まずはデザインを見てみましょう。 Dashboards by Keen IOはBootstrap 3.2に対応しています。Bootstrapのバージョンアップは早いのでこの辺りの対応バージョンのチェックも忘れないようにしましょう。 Dashboards by Keen IOはHTML5/JavaScript製、MIT Licenseのオープンソース
Chartbuilder - Web上で細かくカスタマイズしたグラフを作成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました SVGやCanvasの登場によって、Webの表現力は大幅に向上しています。たとえばグラフです。円グラフや棒グラフ、折れ線グラフなど多数のグラフを描くライブラリが存在します。 システムから動的に出力される場合はそうしたライブラリを使うのが良いですが、記事の中で一度切りで使いたいグラフの場合はChartbuilderを使うのが便利そうです。 Chartbuilderの使い方 Chartbuilderはグラフの表示を逐次確認しながら描画設定ができます。設定を変更するとアニメーションしながら切り替わっていくのが格好良いです。さらに画像出力まで含めてすべてJavaScriptだけで作られているのも利点で、サーバサイドを使っていません。 ChartbuilderはExcelやGoogleスプレ
Flowchart software | Diagram software | Flowchart diagram
It's FREE and Open Source ( GPL ) It's pure HTML5 Share and collaborate Export to PNG, Gif and JPEG Life time support & storage HTML5 Based ONLY on HTML5. No Flash, no Java or other plugins. Customize it! Take the sources and tune them to your needs. Share and collaborate Share diagrams with other teammates. Or make them public if you want. Free! GPL! Yes, it's a GPL application. You can tinker wi
NextCharts·グラフの事ならお任せ。HTML5/Canvasのグラフライブラリ/デザイナ/サーバ MOONGIFT
かつてWeb上でグラフを描くとなると画像で出力するものが多かったです。しかし時代はHTML5になり、豊かな表現が可能になっています。そんな中にあってレガシーな画像出力など使っている場合ではありません。 ということでHTML5の性能を活かしたグラフライブラリを紹介します。グラフのデザイナー、エンジン、そしてサーバの全てがオープンソースになったNextChartsです。 NextChartsの使い方 まずはデモのグラフを見てみましょう。 グラフの一覧です。多様なグラフが描画できます。 棒グラフ、積み上げグラフ、エリアグラフ、円グラフそして複数のグラフの組み合わせが可能です。 マウスオーバーで詳細を表示できます。 データラベルを変更すれば日本語も表示できます。 NextChartsはCanvasタグに描画するグラフライブラリになります。日本語が問題なく扱えるのもHTML5様々です。 さらにデータ
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
円や棒グラフをサポートしたCanvasによるグラフライブラリ·Chart.js MOONGIFT
Chart.jsはHTML5/Canvasを使ったグラフライブラリです。 Web上で管理画面を提供する場合必要になるのがレポートです。そこにはただの数値の羅列だけでなく、グラフがあるとインパクトが違うでしょう。そこで使ってみたいライブラリとしてChart.jsを紹介します。 折れ線（曲線）グラフです。 棒グラフ。 レーダーチャート。 円のエリアグラフ。 円グラフ。 ドーナッツチャート。 Chart.jsはHTML5/Canvasで表示されているのが特徴です。なおサポートブラウザとしてはIE7から対応しています。対応しているグラフは折れ線、棒、レーダー、円のエリア、円、ドーナッツの6種類になります。表示の際にはアニメーションが実行されますが、その後はマウスクリックなどには反応しないようです。 Chart.jsはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフト
一行の記述で使えるJavaScriptグラフライブラリ·Chartkick MOONGIFT
ChartkickはRailsやそれ以外のシステムで手軽に使えるグラフライブラリです。 Web上にグラフを描こうと思うと途端に面倒な気がしてしまいます。そこで使ってみて欲しいのがChartkickです。Railsとの親和性の高いグラフ描画ライブラリです。 線グラフ。 円グラフ。 棒グラフ。 複数シリーズ（円グラフは対応していません）。 ChartkickはGoogleチャートまたはHighchartsを使ってグラフを描きます。Railsでは1行で出力できていますが、実際にはJSONデータを出力しているだけなのでRailsでなくとも使えます。さらに直接JSON出力ではなく、scriptタグを使ってグラフデータの読み込みを別処理化することもできます。 ChartkickはRuby/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る グ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebook、リアルタイムにデータをグラフ化する「Visdom」、オープンソースとして公開