円グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん
円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの？ 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか
Rubyでグラフを描画するツール GR.rb の紹介 - Qiita
これはなんの記事？ GRというグラフ描画ライブラリのRubyバインディングの記事です。 https://github.com/red-data-tools/GR.rb Rubyだってグラフを描きたいのです！ こんにちは。気がつくとRubyのコードをこちょこちょ書いているkojix2と申します。 Rubyでグラフを描きたいって思ったことはありませんか？ もちろんRubyにもグラフを描くツールはいくつかあります。たとえば NArrayの作者の田中さんが作っているnumo-gnuplot Jupyter-labで動かすiruby-plotly Ankaneファミリーのchartkick かつて一世を風靡し作者が忽然と姿を消したNyaplot Seabornのようなフロントエンドを目指すcharty daruと一緒に使うdaru-view どれも良いツールではあるのですが、一長一短で私は満足できま
roughViz - 手書きのようなラフなグラフを描く
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 正確に書かれた図は見やすいものですが、かしこまった雰囲気が出てしまいます。モックアップのレベルであまり正確なものを作るとデザイン上の些細な部分にこだわりはじめてしまうのでお勧めできません。 そこで使ってみたいのがroughVizです。手で書いたような乱雑なグラフが描けるライブラリです。 roughVizの使い方 棒グラフ。 マウスオーバーで値を表示する機能もあります。 横棒グラフ。 ドーナツグラフ。 折れ線グラフ。 円グラフ。左側の円グラフはほとんど内容が分かりません。 散布図。 ラフさのレベルを上げるとこんな感じになります。 roughVizは多くのグラフに対応しつつ、その描画を乱雑に行います。乱雑さのレベルを上げると、もはや何のグラフかも分からなくなるでしょう。モックアップのデ
Railsプロジェクトでグラフ描画ライブラリChartkickを使用する手順 - Qiita
Railsプロジェクトでグラフ描画用のライブラリ「Chartkick」を使用する手順をまとめました。 Railsでグラフを描画する Railsでグラフを描画する場合、「lazy_high_chart」「Chartkick」「Gruff」などのライブラリを利用することができます。 Ruby on Rails で使えるグラフ・チャート用ライブラリまとめ | EasyRamble 今回は、比較的簡単そうな「Chartkick」を使用してみました。 Chartkick Chartkickの使用手順 Gemfileを編集する JavaScriptのライブラリを読み込む グラフ描画用のデータを準備する ヘルパーメソッドでグラフを描画する 1. Gemfileを編集する Gemfileにgem 'chartkick'を追加します。
簡単にガントチャートとかクラス図とか書けるやつ - Qiita
<!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" href="https://unpkg.com/mermaid/dist/mermaid.min.css"> </head> <body> <div class="mermaid"> graph TD; A-->B; </div> <script src="https://unpkg.com/mermaid/dist/mermaid.min.js" charset="UTF-8"></script> <script> mermaid.initialize({ startOnLoad:true }); </script> </body> </html> 環境に依るかもしれないが、scriptのcharset指定しないとなんかmermaid.min.jsがエラー吐いて死
itermplot - Matplotlibを利用してiTerm2にグラフを直描画できるライブラリ | ソフトアンテナ
Mac用のターミナルエミュレーター「iTerm2」。多機能で使いやすく、Macの開発者の中には、標準のターミナルではなく、こちらを愛用している方も多いと思います。 本日紹介する「itermplit」は、こいのiTerm上にグラフを直接描画することができるPythonライブラリ。Python用のグラフプロットライブラリであるMatplotlibをベースとし、Pythonコードで記述したグラフの結果をすぐにターミナルで確認することができるというものです。 例えば以下のようなコードを使用すると: import numpy as np import matplotlib.pyplot as plt import networkx as nx plt.rcParams["font.size"] = 10 plt.figure(figsize=(8,3)) ax = plt.subplot(121)
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
グラフライブラリ GraphKit
Modulesの他、iOSの新しいトピックについても多数解説（NSProgressなど）。 What's New in Objective-C and Foundation in iOS 7 | Ray Wenderlich 注目は Modules。 Modu...
GraphSketcher - グラフを加工してさらに面白く
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ああ、こういう加工は良いかも！ Omniと言えばドロー系ソフトウェアを数多く出している有名な企業ですが、そこから新しい面白いソフトウェアがオープンソース化されました。それがGraphSketcherです。 その名の通りグラフ＋スケッチというソフトウェアなのですが、今ひとつ雰囲気が分かりづらいかと思います。しかしこれが非常に面白い可能性をもったソフトウェアと言えそうです。 例えば適当にペンで書くと、いい感じにポイントを使ってベジュ曲線になります。 そこに文字を書いたり、さらに説明を追加したりできます。 まさにグラフ＋スケッチです。 グラフはフリーハンドで描く他、パレットを使って値を入力もできます。表計算から持ってくる場合はこちらですね。コピー&ペーストでグラフを貼付けることもできます
RubyMotion and 3rd Party Native Frameworks: Vendoring vs Gems | shinobicontrols
Thanks for downloading our free 30 day trial! The file should begin downloading shortly. You'll soon receive an email with a trial license key. We have a community support area here to help get you started but feel free to contact us too Posted on 7 Jan 2014 Written by Ryan Grey We have exciting news! A beta version of our RubyMotion Gem for ShinobiCharts is now available for download. Huzzah! Pro
無料でここまでできる！iOSでグラフ／チャートを描くためのライブラリ - Qiita
概要 ちょっと大げさなタイトルですが、仕事で円グラフを描画したいという要望があったので調査してみたときのメモです。 グラフを描写するライブラリで無料かつ良さそうなものをいくつかをピックアップしてみました。 ・XYPieChart for iOS 円グラフ専用のライブラリです。 円グラフのみ使用するのであればデザイン、アニメーションなど含めて一番よいライブラリでしょう。 ・PNChart for iOS 円グラフ、折れ線グラフ、棒グラフの３つをサポートしてます。 サポートしているグラフも一番多くデザインもシンプルで気に入っているのですが、円グラフは通常のものと表現方法が違い一つのデータしか扱えないようです。 ここを改善できればこの３つの中では一番よいライブラリだと思います。 ・iOSPlot for iOS 円グラフと折れ線グラフの両方をサポートしています。 機能的にも中々よいのですが、ここ
Highcharts 3.0 released – Highcharts
We’re proud to present Highcharts 3.0! With this release we added lots of chart types, modernized the look and feel, optimized for multi touch zoom and more. WHAT’S NEW IN HIGHCHARTS 3.0? BUBBLE CHARTBubble charts allow three dimensional data to be plotted in an X/Y diagram with sized bubbles. An optional radial gradient fill color gives the bubbles an additional spacial feel. Try out the radial g
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://charty.live/
https://shaky.github.bushong.net/
GitHub - MP0w/MPPlot: native objective C plots...done at 5am in an hackathon
https://qiita.com/ykst@github/items/dfcc99e9729295091a97