タグ付けされた質問 「information-design」


1
科学プロットのプロットマーカーサイズを一貫性のあるものにする方法
科学的なプロットでさまざまなデータセットを表すために、円、正方形、三角形、ダイアモンド、星、五角形、六角形などのさまざまな形状を使用するのが一般的です。これらの形状はさらに複雑になり、1つのプロットでさらに多くのデータセットを区別できます。業界標準の科学プロットソフトウェアOriginに組み込まれているこのような形状のサブセットを次に示します。 Originで作成されたプロット上の形状は簡単に区別でき、サイズがほぼ同じに見えます。私の質問は、この効果はどのように達成されるのですか? 私が最初に考えたのは、境界ボックスのサイズが同じであれば、形状のサイズが同じに見えることです。しかし、私はそれが真実ではないことにすぐに気付きました。さらに、一部の形状では境界ボックスの中心が形状の中心と一致しないため、境界ボックスをこのような形状の作成の基礎として使用することはできません。 私の2番目の考えは、面積が等しい場合、形状のサイズは等しく見えるということでした。上の図の形状の領域は次のとおりです。 {4, π, 2, 1.29904, 1.12257} すべての領域がディスクの領域と等しくなるように、形状をスケーリングします。 信じがたいですが、これらの数字はすべて同じ面積を持っています!どうやら彼らは同じサイズに見えません。 最初に自分で原理を見つけようと試みた後、Originで問題がどのように解決されるかを確認することにしました。そのため、Originで基本的な形状の散布図を作成し、PDFにエクスポートしてからMathematica 10にインポートしました。その後、形状の面積を計算し、次の表を取得しました(すべての面積はディスクの面積に対して与えられます): shape area ----------------------- square 0.957802 disk 1 diamond 1.03429 triangle 0.782499 star 0.489003 hexagon 1.01036 pentagon 1.03624 まず、ダイヤモンド(45°で回転した正方形)の面積が正方形よりも大きいことがわかります。それは驚くべきことであり、誤った実装とさえ感じます。しかし、視覚的に違いは顕著です。他の形状については、プロット上のサイズは実際に似ていますが、占有面積が大きく異なり、線形サイズが異なります。Originの開発者が選択した形状のスケールの背後にある単純な論理原理を明らかにすることはできません。彼らは目でそれらをスケーリングしたように見えます。 形状のサイズの認識に関する研究はありますか? 科学プロットのプロットマーカーの相対的なサイズを選択するためのベストプラクティスは何ですか?

4
情報量の多いデータテーブルに最適なフォントは何ですか?
私は、数字(販売、営業時間など)とテキスト(製品名、地域名など)の両方としてビジネス情報を持つ多くのデータテーブルを持つWebアプリケーションを設計しています。 高密度の情報表示に最適なフォントは何ですか?Helvetica、Helvetica Neue、Tahomaのような通常の容疑者と遊んだことがありますが、独特の感情を吹き込むが、それでも表形式のデータを表示するのに最適な選択肢はありますか?

1
含まれているデータに基づくテーブルの自動列幅サイズを設計しますか?
デザイナーがコンテンツに合わせて少し調整しなければならないテーブルがたくさんあります。これにはプロセスにかなりの時間がかかります。これをスキップする方法があるかどうかを知りたいですか?おそらくカスタムスクリプトですか? そうでない場合、私が何をすべきかを提案できますか?列をデータに自動調整する独自のスクリプトを作成するにはどうすればよいですか? また、テーブルは常に使用可能な幅の100%である必要があります(通常はテキストボックス内)

6
履歴書にスキルバーチャートを表示するのは良い考えですか?
この質問で履歴書を見ていましたが、スキルの棒グラフに気づきました。これをいくつかのデザイナーの履歴書で見たことがありますが、それが新しい流行かどうか、履歴書/ウェブサイトに追加することを検討する必要があるかどうかなどと思っていました。 これは、あなたが知っているすべてのソフトウェアを追加する余地がない、またはそのソフトウェアのスキルレベルを追加する余地がなかった場合に、クライアントが少なくならないでしょうか?PhotoshopやIllustratorなどの基本的なソフトウェアを追加することは理解できますが、あまり頻繁に使用しない小さなプログラムについてはどうでしょうか。これらをすべてリストすると、履歴書は3ページの長さになります。 これは追加するのに便利なグラフィックですか?

1
完全性を伝えるチャート/ 100%
グラフの一部が一緒に全体 / 完全 / 合計が100%であることを視覚化する他の-同様の直感的な方法があるのだろうか。おそらく、最も一般的に使用され理解されているのは、最初と最後が接触しているので円ですが、少し多すぎるようです。 他の方法を見つけるとよいでしょう。ここにアイデアのある簡単なスケッチがあります。一方、1が通信を完全性、2は本当にありません。しかし、3はしますか?他の方法は何ですか?

2
グラフの2次元科学データポイントをグレースケールで視覚化する方法は?
これがこの質問に適切なサイトかどうかはわかりません。モデルは物理学から、データは計算物理学から、プロットはLaTeXで作成されていますが、私の質問はすべてのプレゼンテーションとレイアウトについてです。 すべての画像をクリックしてベクターPDFを取得できます。 2つのパラメーターに依存するデータポイントがあるので、それらを使用して3Dプロットを作成しました。 http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/mesh.png これは、小さい「a」のデータが落ちるという良い印象を与え、適度なサイズの「シグマ」のバンプがあると思います。ただし、これから実際に数値を読み取ることはできません。私はそれが必要です。 そこで、すべてのデータを2次元プロットに入れ、「シグマ」を色でエンコードしました。データポイントは重複しているので、次のように線で接続すると便利です。 http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-solid-dotted.pdf.png 私にとって、上記のバージョンはそれらすべての中で最も読みやすいバージョンです。ポイント間の接続線は、それらが物理をよく説明しているとは思えないため、科学的な観点からは正当化できません。いくつかの意味を持つことができる唯一のものは、上記のバージョンで点線を付けた補間線です。 ラインセグメントを接続せずに、このようにするとより科学的です。 http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-none-solid.pdf.png 色があっても、各色のポイントをたどるのは難しいです。最初のバージョンでは、小さな「a」でポイントが下がることがすぐにわかります。2番目のものを使用すると、それを見ることができますが、よく見るとわかります。 たぶん私は点線を使って読者の目を助けることができますが、何も意味しません: http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/a-E0-dotted-solid.png また、色の使用は避けたいです。これは数回印刷され、カラーページはグレースケールページに比べて価格が10倍になります。データが交差しないように、データを中央で分割しようとしました。これはデータの後半、小さな「シグマ」データです。非科学的な線分を追加し、凡例を上から下に並べました。 http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/Abbildung-minus1-fein.pdf.png 接続線分を除いて、これは読みやすいと思います。データを複数のプロットに分割すると、各プロットが読みやすくなりますが、データの比較が難しくなります。 線分がなければ、データセットごとに異なるマーカーを使用して、それらを分離しておく必要があります。これにより、散らかったプロットがすぐに表示されるため、重要性の低いデータセットを少し明るくしました。 http://chaos.stw-bonn.de/users/mu/uploads/2014-06-25/Abbildung-minus1-grob.pdf.png これは線分がなく、色を使用していませんが、何が起こっているのか簡単にはわかりません。 読みやすい方法でデータを表示するにはどうすればよいですか?

3
期間を示すアイコン
日付とメモのリストを備えたモバイルアプリのインターフェースがあります。 9月5日-もう伝染しません 9月6日-学校に戻ることができます ... 9月9日-通常に戻る 現在、私は省略記号を使用して、日数のギャップ、つまり音符間の経過時間を示しています。私が目にしている問題は、これはユーザーが「詳細」情報をタップできることを示すために一般的に使用され、ユーザーがこれを試みていることです。他のアイコンにも問題があります: 時計:、時間そのものを表していないスパンの時間 砂時計:待機中を示します 数日の経過を説明するために何を使用できますか?

5
データベースをグラフィカルに表示するにはどうすればよいですか?
データベースの設計ではなく、基礎となるデータに精通している人のために、データベースの非技術的で直感的な視覚化を提供したいと思います。この数字はジャーナルの記事に含まれ、聴衆は主に学生と科学者であり、その多くは「多対多」や外部キーと主キーなどの概念を理解していません。 私の目標は、これらの関係の技術的な理解ではなく概念的な理解を伝え、それらがデータ自体を理解するのに役立つ方法であることです。データベースの技術的で包括的な説明は、付録として提供されます。 エンティティリレーションシップダイアグラムにはさまざまな種類があるようですが、対象者にデータモデルを説明するのに最も適しているものがあるかどうかはわかりません。おそらく別のアプローチがあります。 キーを回避し、テーブル間の関係をより直感的に理解できるようにするために、これを非技術的な方法でどのように表すことができますか? これが私の出発点の例です: 実際のデータベースには、多対多の関係を定義するために使用される3つのテーブルと、ドロップできる多くのフィールドを含む11のテーブルがあります。 更新:ただし、そのようなER図を作成する方法を探しているわけではないことに注意してください。キーへの依存を回避する、さらに抽象化されたものを探しています。 アイデアの大まかなスケッチを次に示します。オーバーラップを使用して、キーテーブルの階層と太い境界線を示し、抽象化の「理想的な」レベルを示します(重要な情報を含み、伝達できる場合)。うまくいけば、これらのポイントは可能な解決策の範囲を拡大することができます。これらの視覚要素を特定の関係にマッピングする方法を理解していないという点で、これは「スケッチ」です。 このサイトのメタで説明されているように、この質問はオープンで、stats.SEで未回答のままです。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.