評価分布円グラフ (久々作品DB新機能)

[ガラケー版(QRコード)] 総閲覧回数:3,615,912回 / ブログ拍手:2,143
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=新記事2008/10/24 す、凄い...ユーロ暴落 & 激円高
=>古記事2008/10/24 機能更新::日付のデータが出るようになった & 検索エンジンシェアに第4グループを追加してみた

1.
2008/10/24 同日4番目 作品DB開発/運用 > 評価分布円グラフ (久々作品DB新機能)」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]

現在生成中なので全ページに反映されるのはある程度後になりますが、評価分布の円グラフを表示するようにしました。
PC版: http://www.accessup.org/janime/7_Ah_21_20My_20Goddess_20_28Oh_20My_20Goddess_21_2C_20Aa_21_20Megamisama_29/
ページの上部の方に表示するので、ぱっと見でその作品の評価の分布の状態を把握しやすくなるのではないかと思われます。
なお、ブラウザー依存の問題があるかもしれませんが、今のところ
IE7, Firefox 3.03, Opera9.60 / Windows Vista
で作動の確認をしてあります。

機能は皆声.jpの方で円グラフを導入した時の技術を使いました。
今月は皆声.jpの方にかなりリソースを割いているので、中々作品DBの方に開発リソースを割けませんが、あっちでやったことで作品DBの方で使えることも多々あるので、こんな風に活用していければなと思っています。

あと、一つのサービスの機能ばかり作っていると、流石にちょっと飽きてきたりもするので(リリースが近いですがやり過ぎて皆声.jpの開発にそろそろ飽きが出始めた模様)、複数のサービスの開発に手を染めておくのもいいかもな、と思いました。

コメントする


管理人さん さんのコメント (2008/10/25) [編集/削除(書込み者/所有者が可能)]
ああ、ふぁいさん遅い!(ってか自分が閉めるのが早すぎだったのか/すみません)
けど、ご意見ありがとうございます!
画像まで付けて頂き感謝です。

[一応今までの集計]
どっちでも良い(自分含む): 2
濃色: 1
基本色: 2

グラフは最初の例と位置が変わっているのですが、他の記事に書いたように右側に移動させました。
左側だったら背景を濃くして区分けすることがヘッダー的な要素につながって良かった要素も多分にあったかなと思っていたのですが、右側にグラフを置くと位置的にはコンテンツ的な場所になるので、どっちかって言うと他に合わせて基本色にするという提案に沿う要素も出て来るかなと思います。

あと、レイアウトが崩れるってのいうのは、ふぁいさんの携帯からのPCサイトブラウザーアクセスということでしょうか?
そういうことだったら、ユーザーエージェント(ブラウザー/環境)に応じて、オン・オフにすることはできるかなと思います。
通常はぱっと見で理解できるので(あと画面をスクロールしないで済む部分に評価のまとめを表示できるのは大きいので)、このまま表示させて頂きたく思っております。
ふぁい さんのコメント (2008/10/25) [編集/削除(書込み者/所有者が可能)]
自分も一票投じたいと思います。
という事で(上)のほうで。

色味のほうは正直なところあまり変わらないように思いましたが、こちらのほうが
見やすいかなと。
ただ自分はブラウザ依存でグラフのテーブルが崩れてしまうので出来ればグラフは別窓で開くようになれば嬉しいんですが・・・。

管理人さん さんのコメント (2008/10/25) [編集/削除(書込み者/所有者が可能)]
どうも、Barnirunさん、環境報告ありがとうございます。

> 「評価に良い/普通/悪いと思う立場からのコメントも円グラフに盛り込む」とか「好評系/普通系/不評系の円グラフにする」とかの方が見た目は好印象になるかと……(´・ω・`)
残念ながら、評価は一人一回が保障されますが、コメントは一人で何回も投稿できるので、そっちの統計は、評価割合としては採用は無理ですね。
いずれにせよ、評価が一つという状態では偏りが出てしまうもので、ある程度の数が投稿されてからでないと、さ程全体としての統計の意味は無いと読み手側の方で捉えて頂くしかないかと。

> あと、1種類の評価系統が100%を占める(とても良い2、他0みたいな)と、グラフが真っ黒になってしまうようです。。
FirefoxとOperaでは大丈夫でしたが、IEとChromeでは確かに真っ黒になっていました。
対策を考えておきます。

さくっと皆声.jpの方で得た技術を転用するつもりだったのが、値のパターンとかが変わると色々と落とし穴があるなぁ。。。

P.S 対応させました。
Barnirun さんのコメント (2008/10/25) [編集/削除(書込み者/所有者が可能)]
IE6、Google Chromeでも見れました。(IEではグラデーションがない……)

前々から思っていたことなんですが、放送中の作品の評価で、1話の最初だけ見て「最悪」ってつけた人の1個だけで総合評価まで「最悪」になってる作品(かんなぎとか)が散見されますが、円グラフでこれを見せられるとその作品が好きな人は非常に滅入ってしまいます……

「評価に良い/普通/悪いと思う立場からのコメントも円グラフに盛り込む」とか「好評系/普通系/不評系の円グラフにする」とかの方が見た目は好印象になるかと……(´・ω・`)
(先例のかんなぎの場合、最悪1・良いコメント4なので、総合的に不評な作品ではないはず。)

あと、1種類の評価系統が100%を占める(とても良い2、他0みたいな)と、グラフが真っ黒になってしまうようです。。
春夏秋冬 さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
率直な意見だと、上の方が若干分布の色が強調されてて
(というより円はあまり変わらず)右の文字が少し見やすい。
けれど違和感があるので、統一感があるのは下かなーと。

というわけで、「どちらかといえば下」というのに1票

(あぁ女神さまの閲覧数が凄そうw)
管理人さん さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
なるほど、では、恐縮ながら皆さんの好意に期待させて頂いて、アンケートをとらせて頂こうかな。
実際の例を見て頂いた方が確実だと思うので、メニューカラー配色と通常背景配色の2タイプ作ってみました。

http://www.accessup.org/janime/7_Ah_21_20My_20Goddess_20_28Oh_20My_20Goddess_21_2C_20Aa_21_20Megamisama_29/
↑(上)

↓(下)
http://www.accessup.org/a.html

とどちらがお好みでしょうか?
デザインなので特に正解は無く、どっちが多数派なのかというだけなので、大勢の趨勢が見えたら、それで決めてしまおうと思います。
春夏秋冬 さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
見れましたー乙です
でも・・背景色は通常のと同一の方がいいかなぁと思ったんですけど・・
分布の色が今まで通りなら見やすいのは今までの青かなと・。
どうでしょうか?
管理人さん さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
頭文字の「あ」の方から更新していっているので、ああっ女神さまっが見えれば、仕組みは同じなので他も処理が終われば見れるようになると思います。

> それから,以前の様に評価の総合数が数値化されることもなくなった様ですね。
うげ。
こちらはミスですので修正しておきます。

重ね重ねの環境報告ありがとうございました。
石鯉 さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
どうやら出るやつとでないやつがあるみたいですね。

エスト2の方は出てきましたけどカーデラの方はまだの様で。
評価数100件以上で総合評価が最高となっている唯一のオバケ作品,グラフにしたら面白そうだけど。

それから,以前の様に評価の総合数が数値化されることもなくなった様ですね。
個人的に見やすくて結構良かったんですが(別に要望と言うわけではないです,流して下さい)。

では。

<追伸>
もう一度見てみたら色々と出る様になってました。
やっぱりカーデラは凄まじかった…
管理人さん さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
今度はWindows XP & IE 6.0 で動作確認してみて、作動を確認しました。
これでどうでしょうか?
(また生成し直し中ですがああっ女神さまっは更新してあります)。
お手数をお掛けいたしますが、ご確認宜しくお願い致します。
管理人さん さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
ああ、駄目か。
ちょっとお待ち下さい。
IE7では大丈夫でしたが、IE6向けにこっち側の書き方はまずかったようです。
石鯉 さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
Vistaの使用者ですけれどもグラフが表示されないみたいです。
Internet Explorerだと駄目ってことはありますか?
春夏秋冬 さんのコメント (2008/10/24) [編集/削除(書込み者/所有者が可能)]
うーん・・XPじゃ見れない・・orz


[他の記事も読む]
<=新記事2008/10/24 す、凄い...ユーロ暴落 & 激円高
=>古記事2008/10/24 機能更新::日付のデータが出るようになった & 検索エンジンシェアに第4グループを追加してみた


大分類が「作品DB開発/運用」の記事
この論客の記事全て
RSS購読
RSS
ブログ表示スタイル
リスト/携帯(QRコード)
画像/動画/音声/リンク
表示開始年月
分類
全て
1.このサイトについて
2.作品DB開発/運用
3.ホームページ制作技術
4.Perl
5.C言語 / C++
6.検索エンジン&SEO
7.サッカー
8.自分のこと
9.Linux
10.旅行
11.思ったこと
12.パソコン
13.Berkeley DB
14.その他技術系
15.企画
16.スマートフォン
17.鑑賞
18.皆声.jpニュース
19.インターネット業界
20.運用マニュアル(自分用)
21.技術系以外実用書
22.料理
23.ALEXA
24.アニメ
25.会計
26.漫画
27.設計書
28.色々サイト作成
29.サーバー
30.自分専用
31.生活
32.OP/ED/PV
33.ゲーム
34.DB整備
35.新規開始作品紹介
36.英語圏の話題
37.大道芸
38.映画
39.PHP
40.ダイエット
41.Mac
42.JavaScript
43.MySQL
44.介護
45.作品DB作品追加作業
46.BI
47.Web API
48.パフォーマンス
49.インターネットの活用方法
50.Riak
51.Androidアプリ開発
52.Cassandra
53.スパム
54.写真
55.iOSアプリ開発
56.AWS
57.マーケティング
58.Web漫画
59.法律
60.mongodb
61.開発環境整備
62.Google Apps Script
63.meteor
64.Pentaho
65.Ansible
66.VPS
67.技術書メモ
68.Vagrant
69.Docker
70.dokuwiki
71.Apple Watch
72.Webサービス
73.セキュリティ
74.Elastic Search
75.Wordpress
76.クラウド
77.英語
78.MVNO
79.シンガポール
80.マレーシア
81.管理人さん
82.管理人さん
日記の主な内容
サイト運営/開発
検索エンジン情報
・技術ネタ(Berkeley DB,
Linux, Perl, サイト作成)等

サイト管理
全まとめ
サーバー管理
定期処理状況
開発予定
削除提案
作品追加依頼
OP/ED追加依頼
OP/ED not found
作品提案承認欄

格言 fromスクライド
この世の理は即ち速さ
20年かければ馬鹿でも
傑作小説を書ける

助けられたら助け返す
それが俺のルール

強くなるには
一番弱い考えをする事だ
そしてその考えに反逆する




右側に何か入れてみるテスト


仕事でのサイト
介護DB
Helpyou
Doctor career
Nurse career
上へ ↑上へ 最速検索作品DB皆声