研究データの可視化ツール

2023年2月 - 2023年2月

横浜国立大学 先端科学高等研究院
Screenshot 1
プロジェクト概要

SNSを使った詐欺や犯罪に関する研究で収集したデータを可視化するツールを開発しました。ノードグラフに適切な可視化ツールが見つからなかったため、JavaScriptの可視化ライブラリ(Chart.js、Vis.js)を組み合わせて、研究内容に適した可視化を実現しました。SNSアカウント間の関係をノードグラフで表示し、LINEアカウント情報や友だち数の推移、URLの種類、Twitterアカウント情報やツイート数の推移などを可視化しました。

アーキテクチャ

HTML、CSS(Bulma)、JavaScriptを使用してフロントエンドのみで実装しました。Vis.jsを使用してSNSアカウント間の関係をノードグラフで可視化し、Chart.jsを使用して折れ線グラフやドーナツチャートを実装しました。Bulmaを使用してUIを構築し、1日で完成させました。

技術的挑戦
  • ノードグラフに適切な可視化ツールが見つからない → JSの可視化ライブラリ(Chart.js、Vis.js)を組み合わせて研究内容にあった可視化を実現
  • 卒論や外部発表を控えていて時間がなく、情報提供の関係で1日で作る必要があった → 既存のライブラリを最大限活用し、必要最小限の機能に絞って迅速に開発