簡単にガントチャートとかクラス図とか書けるやつ - Qiita
mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
Sankey - マウスオーバーでハイライトするチャートライブラリ MOONGIFT
HTML5になってWebの表現力は格段に向上しています。特にJavaScriptと絡めてインタラクティブに変化するチャートはインパクトが強く、ユーザへの訴求力も強くなります。しかし作るのが難しいというのが問題です。 解決策としては様々なチャートライブラリを知り、表現したいものに合わせてライブラリを選択するのが良いでしょう。ということで今回はSankeyを紹介します。 Sankeyの使い方 Sankeyで描けるチャートです。左右をつなぐのですが、途中に別なノードを差し込めます。 マウスオーバーで特定のノード部分だけハイライトできます。 動かしているところです。 Sankeyでは左右にノードを配置して、N対Mでコネクトできます。それをマウスオーバーでハイライトすることで見たい部分を目立たせることができます。複雑な情報ほど分かりやすくなるのではないでしょうか。 SankeyはHTML5/Java
data_sciesotist on Twitter: "統計手法（主に検定）の選び方のフローチャート https://t.co/DDp5pKYJPh （Bates大学Greg Anderson教授による）を訳した。初心者向けの本にも、あまりこういうのは載ってない。 https://t.co/Cm5ZPbrxkO"
統計手法（主に検定）の選び方のフローチャート https://t.co/DDp5pKYJPh （Bates大学Greg Anderson教授による）を訳した。初心者向けの本にも、あまりこういうのは載ってない。 https://t.co/Cm5ZPbrxkO
stats_flow_chart_v2003.cdr
Flow Chart for Selecting Commonly Used Statistical Tests Type of data? Type of question Chi-square tests one and two sample Relationships Differences Do you have a true independent variable? Continuous Discrete, categorical Yes No Tests for Equal Variances Means Parametric Nonparametric Two groups More than two groups Parametric Nonparametric Nonparametric Parametric If significant, do a post hoc
JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
JavaScriptチャートライブラリを選ぶにあたって考えたこと - クックパッド開発者ブログ
こんにちは、トレンド調査ラボの井上寛之（@inohiro）です。 クックパッドの検索ログを基にした法人向けデータサービス「たべみる」の開発を担当しています。 本稿では、現在開発を行っているスマートフォン向けウェブアプリケーション（Rails）で採用した、 JavaScriptチャートライブラリを選定するにあたって検討した観点について述べます。 また、実際に採用したライブラリと、その利用例を簡単に紹介します。 ウェブ上に無数にあるJavaScriptチャートライブラリから、最適なものを一つ選択するのは なかなか難しい作業ではないかと考えています。おそらく、これから記述する条件を満たすライブラリは数多く存在し、 今回私が選択したライブラリ以上に良いものがあるのではないかと思います。 「何を以って良いライブラリとするか」という議論もまた難しい話題です。 そのようなライブラリについては、はてブコメ
Pop Chart | The things you love. Charted.
Please note that framed and panel-mounted orders require an extra 3-6 business days of processing time. Shipping Internationally? Canada Delivery time: Standard (Prints Without Finishing Options Only): 4-10 business days Standard (Prints With Finishing Options and All Other Items): 2-7 business days Expedited: 2-4 business days Priority: 2-3 business days United Kingdom Delivery time: Standard: 3-
一行の記述で使えるJavaScriptグラフライブラリ·Chartkick MOONGIFT
ChartkickはRailsやそれ以外のシステムで手軽に使えるグラフライブラリです。 Web上にグラフを描こうと思うと途端に面倒な気がしてしまいます。そこで使ってみて欲しいのがChartkickです。Railsとの親和性の高いグラフ描画ライブラリです。 線グラフ。 円グラフ。 棒グラフ。 複数シリーズ（円グラフは対応していません）。 ChartkickはGoogleチャートまたはHighchartsを使ってグラフを描きます。Railsでは1行で出力できていますが、実際にはJSONデータを出力しているだけなのでRailsでなくとも使えます。さらに直接JSON出力ではなく、scriptタグを使ってグラフデータの読み込みを別処理化することもできます。 ChartkickはRuby/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る グ
ブラウザ上でインフォグラフィックスが作れる『Piktochart』 | 100SHIKI
スタイリッシュなインフォグラフィックスがさくっと作れるのがPiktochartだ。 独自に調査した結果をわかりやすくまとめて、ソーシャルメディア上で広めたい時に便利なのかもしれない。 使い方も直感的だし、なによりそれっぽいテンプレートが既に用意されているのがうれしい。 仕事できっちり使う場合には有料になるが、こうした資料をよく作る人にはいいかもですな。
13 Useful JavaScript Solutions for Charts and Graphs
Resources 13 Useful JavaScript Solutions for Charts and Graphs Henry JonesFebruary 9, 201023 Comments010.4k Graphs and charts are used to simplify complex data and make it easy to read and understand. So it really wouldn’t make sense if it was difficult to integrate a graph into a website. Thanks to Javascript and a bunch of talented developers, we have at our disposal solutions for easily adding
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
プロジェクト管理に使ってみたい。jQuery製のガントチャートライブラリ·jQuery.ganttView MOONGIFT
jQuery.ganttViewはjQuery製のガントチャート表示ライブラリです。 jQueryを使ってガントチャートを表示するライブラリがjQuery.ganttViewです。表示だけでなくデータのメンテナンスもできるようになっています。 いい感じにガントチャートが表示されています。 ドラッグでタスクを左右に移動させられます。 期間の変更は枠の端をドラッグします。 データはJSONで与えるだけです。 jQuery.ganttViewは表示系のライブラリなのでデータベースに蓄積された内容をガントチャートにして表示すると言った使い方が便利そうです。なお表示はタスクごとに横に表示される形で、複数のタスクを同一線上に表示することはできないようです。 jQuery.ganttViewはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGI
使い道色々。jQueryを使ってSparklineグラフを描く·Peity MOONGIFT
PeityはjQueryでSparklineグラフ（円、棒、折れ線）を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして
JavaScript製のガントチャート·JSGantt MOONGIFT
JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。 JavaScriptでガントチャートを生成 そのためタスク間のスケジュールや関わり方を示すのにガントチャートがよく使われる。これまでのガントチャートは画像出力型が多く、生成後の再利用性が今ひとつだった。そんな不満を解消してくれるのがJSGanttだ。 JSGanttはその名の通りJavaScriptによるガントチャート生成ソフトウェアだ。縦にタスクが並び、横に日程が並ぶ。各タスクごとにスケジュールが帯になって表示され、その結果が別なタスクに線でつなげられる。タスクの関連性が見いだせるはずだ。 折りたたんだり表示範囲を変更
思わず見入ってしまうほど優れたデザインのインフォグラフィック50枚まとめ*二十歳街道まっしぐら（FC2ブログ時代）
「50 Informative And Well-Designed Infographics」にて、 デザイン性が優れているインフォグラフィックがたくさん紹介されていました。 （※50枚すべて見たい方は上記サイトへアクセスしてください。本記事では一部しか載せていません。） インフォグラフィックというのはいろんな情報を視覚的に表現したものです。 身近な例ですと、駅などにある路線図がそれに当たります。 以下に、美しすぎるインフォグラフィックをいくつかピックアップして紹介します。 「元サイト」をクリックすると、大きな画像が見られますよ。 (1)宇宙調査について [元サイト] 何回調査に乗り出したかが線で表されています。 (2)世界の高層ビル [元サイト] 日本はランドマークタワーがありますよ。 (3)ソーシャルウェブ [元サイト] ソーシャルサイトまとめって感じですね。カテゴライズされています。
グーグル、統計データの視覚表示ツール「Google Public Data Explorer」を公開
Googleは、世界銀行や他の統計調査機関と提携して、さまざまなデータをGoogle Labsで視覚的に表示可能にしている。 「Google Public Data Explorer」は米国時間3月8日に提供が開始され、公式ブログへの投稿で正式に発表された。同サイトでは、学校、人口、犯罪、人名などの分野における統計データを利用して、最新のトレンドを示すチャートやグラフを表示する。 Googleはまた、匿名の検索データ分析に基づいて、統計データに関連する検索用語のトップランキングリストも公表している。「School comparisons」（学校の比較）と「Unemployment」（失業）が、同リストの中で最も頻繁に検索される質問に挙がっており、「Population」（人口）、「Sales tax」（売上税）、「Salaries」）給料）に関する検索クエリもランキングリストに続いている。
Announcing Google Chart Tools
A good chart can tell a story, such as depicting when you get home on Saturday night by plotting your tweet patterns along the week. A good chart can take an elusive concept and clarify it in a visually appealing manner. This ingenious XKCD strip uses a pie chart, a bar chart and a recursive scatter plot, to demonstrate the concept of self description. Whether you need a simple line chart, an inte
企画書やプレゼン資料のチャート図が簡単キレイに作れるWEBアプリ「Cacoo」 | ライフハッカー・ジャパン
企画書やプレゼン資料を作っていると、チャート図や構成図やネットワーク図など、図解しなければいけないことも多いですよね。でも、分かりやすくて見やすい図を描くのは、よっぽど慣れた人でない限り難しいものです。 WEBアプリの「Cacoo」を使えば、ドラッグ＆ドロップで簡単にチャート図が作れちゃいますよ。 Cacooには、アイコンやクリップアート画像がかなり豊富にありますので、サイトマップやフローチャートからマインドマップまで、かなり色々な図に対応できます。画像を選んだら、ドラッグ＆ドロップで好きな位置に置き、矢印や線でそれぞれを繋ぎます。位置や大きさを変更するのも簡単です。 また、Cacooは複数ユーザーでの共同作業にも対応しているので、編集中の図をリアルタイムで他のメンバーと一緒に作業することもできます。 使い方については、動画を見てもらえれば分かりやすいでしょう。パワポなどを使ったことがある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js
