<?xml version="1.0" encoding="utf-8"?><html xml:lang="ja" xmlns="http://www.w3.org/1999/html" xmlns:epub="http://www.idpf.org/2007/opf">
    <head>
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, maximum-scale=1.0, user-scalable=yes" />
<meta charset="UTF-8"/>
        
        <meta content="book3" name="CAS-UB-Publication-Class"/>
        <meta content="CAS-UB Backend System Installed on 2013-11-27" name="Generator-Signature"/>
        <title>小特集 2. データ可視化におけるデータインタラクティビティ</title>
        <link href="themes/cas-common_epub.css" rel="stylesheet" type="text/css"/>
        <link href="themes/plain2/common.css" rel="stylesheet" type="text/css"/>
        <link href="styles/style.css" rel="stylesheet" type="text/css"/>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-88485500-1', 'auto');
  ga('send', 'pageview');

</script>
        </head>
    <body style="-webkit-text-size-adjust: 100%;" class="wrapper chapter level2" id="e_2e0000_2e7d8c141bda20eda9acf15f151f0ca72f"><h1 class="sys-hidden" style="display:none">小特集 2. データ可視化におけるデータインタラクティビティ</h1>
<div class="header">
<table class="header-in" align="center" valign="middle">
<tr>
<td class="left-table">
<a class="" href="https://www.ieice.org/jpn/"><img class="ieice-logo" src="../../img/logo.png" /></a>
</td>
<td class="right-table" align="center">
<a href="../../index.html" class="top_link" align="center"><b align="center">電子情報通信学会 - IEICE会誌 試し読みサイト</b></a>
<div class="copyright">© Copyright IEICE. All rights reserved.</div>
</td>
</tr>
</table></div>
<div class="header-border"></div>
<div class="contents">
<div class="contents-in">
<form name="number_post" method="POST" action="../../index.php">
<input type="hidden" name="index-page" value="104_3" />
</form>
<a href="javascript:document.number_post.submit()" class="index-number-link" style="float: right;">Vol.104 No.3 (2021/3)　目次へ</a><br /><br />
<div class="article-navigation"><a href="../k104_3_192/index.html" style="float: left;">前の記事へ</a><a href="../k104_3_206/index.html" style="float: right;">次の記事へ</a></div><br /><br />


<p class="margin-bottom-2em date left9em gray">データサイエンスにおけるデータ抽象化によるデータ理解へのアプローチ</p>
<p class="head-toku"><span class="gext clear-pink">小特集</span> 2.</p>
<p class="title-ja lft">データ可視化における<span class="gext not-separates">データインタラクティビティ</span></p>
<p class="title-en">Designing Data Interactivity for Visualizing Data</p>
<p class="title_author">中小路久美代<span class="gext not-separates">　山本恭裕</span><span class="gext not-separates">　松原伸人</span><span class="gext not-separates">　北　雄介</span></p>
<div class="gext author_detail7"><p class="li-1em">中小路久美代　公立はこだて未来大学システム情報科学部情報アーキテクチャ学科</p>

<p class="li-1em">山本恭裕　公立はこだて未来大学システム情報科学部情報アーキテクチャ学科</p>

<p class="li-1em">松原伸人　(株)SRA DX技術本部</p>

<p class="li-1em">北　雄介　長岡造形大学造形学部建築・環境デザイン学科</p>

<p>Kumiyo NAKAKOJI, Yasuhiro YAMAMOTO, Nonmembers (School of Systems Information Science, Future University Hakodate, Hakodate-shi, 041-8655 Japan), Nobuto MATSUBARA, Nonmember (Key Technology Laboratory, Software Research Associates, Inc., Tokyo, 171-8513 Japan), and Yusuke KITA, Nonmember (Faculty of Design and Fine Arts, Nagaoka Institute of Design, Nagaoka-shi, 940-2088 Japan).</p>
<p>電子情報通信学会誌　Vol.104 No.3 pp.197-205 2021年3月</p>
<p>©電子情報通信学会2021</p>
</div>
<div class="gext abstract"><p><em><strong class="font2em en clear-pink">Abstract</strong></em></p>
<p>　データ解析においてユーザは，可視化表現とのインタラクションを介して，仮説生成や仮説検証といった知識創出のプロセスを循環的に繰り返す．このようなユーザと視覚的表現のやりとりを，我々はデータインタラクティビティと呼ぶ．本稿ではまず，事象の理解に向けた知識創出のためのデータ可視化を論じる．次に，「データトレイリング」及び「データアラインメント」という2種類のデータインタラクティビティを，それらの具現化を目的として構築したプロトタイプシステムを通して解説する．</p>
<p><strong class="m-gothic">キーワード</strong>：可視化，データインタラクティビティ，知識創造，データトレイリング，データアラインメント</p>
</div>
<div class="wrapper level3" id="h_2e0000_2e1_EF_BC_8E_E3_83_87_E3_83_BC_E3_82_BF_E3_81_AE_E5_8F_AF_E8_A6_96_E5_8C_96"><h1>1．データの可視化</h1>
<p>　データを図示することで，そのデータが示唆するところを人に分かりやすく伝えることができる．データの表現に地図描画の技法を取り入れ，折れ線グラフなどの近代グラフ表現を初めて用いたのは，18世紀末のWilliam Playfairとされる．人は，極めて少ない認知負荷で，視覚的表現間の比較や順序付けを短時間に行える．ダイアグラム（図表）による表現は，文章による表現と比して，（情報の種類によっては）認知的処理において格段に効果的であるとされる<sup>(1)</sup>．</p>
<p>　グラフ表現は，人の高い視覚認知機能を活用し，データを視覚的属性にcoding（符号化）して表現する手法である<sup>(2)</sup>．今日では，高さや長さ，位置，大きさや面積，角度，色の種類や濃淡といった視覚的属性を用いて，様々な種類のグラフやダイアグラムがデータ表現に利用される<sup>(3)</sup>．データの示唆するところの意味や価値を，人に最も効果的に伝えるためのグラフィックデザインは，インフォグラフィックスと呼ばれる分野として確立されつつある<sup>(4)</sup>．</p>
<p>　データサイエンスにおける大規模なデータの可視化表現においても，その原理は同様である．人の視覚認知の特性を活用し，データをビジュアルな要素で符号化する．しかしながら，次の三つの点で，伝統的なグラフやダイアグラム表現とは異なる課題がある．</p>
<p>　第1に，対象とするデータについて，その示唆する意味や価値といったものが，あらかじめ自明ではないという課題がある．可視化された表現から正しくデータ（の一部）を読み取るということと，可視化された表現を使ってデータの（部分的な）正しさを検証するということが，相互循環的に生じる．次章で述べるように，データの理解が目的ではなく，データが示唆する対象世界の理解を目的とするデータの表現である．人に伝えるための視覚的表現ではなく，伝えるべきことを探索するための視覚的表現が要請される．</p>
<p>　第2に，コンピュータディスプレイ上で表示される視覚的表現は，人がインタラクティブに指示する軸や視点の変更と連動する形で，極めてダイナミックに変化し得るという点である．データの視覚的要素への符号化に加えて，人が操作する対象を表す視覚的要素を，可視化表現に組み込み，連動させる必要がある．</p>
<p> </p>
</div>

<div class="continue-point">
	<p style="clear: both;"> </p>
	<hr/>
<p>続きを読みたい方は、以下のリンクより電子情報通信学会の学会誌の購読もしくは学会に入会登録することで読めるようになります。
また、会員になると豊富な豪華特典が付いてきます。</p>
    <br />
    <p><a href="https://www.journal.ieice.org/bin/pdf_link.php?fname=k104_3_197&amp;lang=J&amp;year=2021" target="_blank">続きを読む(PDF)</a>　　　<a href="https://www.ieice.org/jpn/books/backnumber.html" target="_blank">バックナンバーを購入する</a>　　　　<a href="https://www.ieice.org/jpn/join/index.html" target="_blank">入会登録</a></p>  
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://app.journal.ieice.org/trial/104_3/k104_3_197/index.html" data-lang="ja" data-size="large" data-hashtags="IEICE">ツイート</a>　　
    <div class="fb-share-button" data-href="https://app.journal.ieice.org/trial/104_3/k104_3_197/index.html" data-layout="button" data-size="large"></div> <div id="fb-root"></div>
    <script>
        !function(d,s,id){
            var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
            if(!d.getElementById(id)){
                js=d.createElement(s);
                js.id=id;js.src=p+'://platform.twitter.com/widgets.js';
                fjs.parentNode.insertBefore(js,fjs);
            }
        }(document, 'script', 'twitter-wjs');
   </script> 
   <script>
       //<![CDATA[
       (function(d, s, id) {
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) return;
       js = d.createElement(s); js.id = id;
       js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v4.0";
       fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
       //]]>
   </script>   <p>電子情報通信学会 - IEICE会誌はモバイルでお読みいただけます。</p>   <p><a href="https://app.journal.ieice.org/">電子情報通信学会誌 会誌アプリのお知らせ</a></p>    <p></p>    <p><b>電子情報通信学会 - IEICE会誌アプリをダウンロード</b></p>
    <p><a href="https://itunes.apple.com/jp/app/dian-zi-qing-bao-tong-xin/id957695896?mt=8"><img src="../../img/App_Store_JP.svg" style="width:165px; height:50px" /></a>　　<a href='https://play.google.com/store/apps/details?id=org.ieice.journal.app.ieice&amp;hl=ja'><img alt='Google Play で手に入れよう' src='../../img/google-play-badge_web.png' style="width:165px; height:49px" /></a></p>
        </div>
</div> 
</div> 
<div class="caution">本サイトでは会誌記事の一部を試し読み用として提供しています。</div>
</body>
</html>
