PLAID Engineer Blog

PLAID Engineer Blog


KARTEを提供する株式会社プレイドのエンジニアブログです。プレイドのエンジニアのユニークなパーソナリティを知ってもらうため、エンジニアメンバーたちが各々執筆しています。

PLAID Engineer Blog

visualize

データの可視化に使えるD3.jsでユーザーのページ遷移を表現してみた

こんにちは、プレイドの@wikrshです。 弊社のKARTE では属性データやサイト上での行動情報など様々なデータを元に来訪したユーザーの状況をリアルタイムに可視化しており、どのような情報の見せ方をすればよりユーザーへの理解を深められるのか、社内では日々議論・改良を重ねています。 今回は現在KARTEで行っているものとは異なる表現を実験してみたい + アニメーションを作るのが面白そうという動機で、「各ユーザーがサイト内の各ページを遷移している様子」の可視化に取り組んでみましたので紹介いたします。 作成するアニメーションのイメージ 各ページをノードとして表し、ユーザーを表すノードが各ページのノードを移っていく形で表現することを考えました。 /page1を見ていたある…

Wataru IkarashiWataru Ikarashi