メインコンテンツへスキップ
YK
経歴
スキル
プロジェクト
研究・発表
ブログ
GitHub
読み込み中...
ホーム
プロジェクト
研究データの可視化ツール
Web · 完了
研究データの可視化ツール
SNSを使った詐欺や犯罪に関する研究で収集したデータを可視化するツール。ノードグラフ、折れ線グラフ、ドーナツチャートなど、複数の可視化ライブラリを組み合わせて実現
期間
2023年2月 – 2023年2月
分野
Web
所属
横浜国立大学 先端科学高等研究院
状態
完了
HTML & CSS
JavaScript
概要
アーキテクチャ
技術的挑戦
関連プロジェクト
概要
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日で作る必要があった
解決
既存のライブラリを最大限活用し、必要最小限の機能に絞って迅速に開発
同じ技術を使ったプロジェクト
FLEXKEY 施設利用時間一覧
2026 · Web · JavaScript · HTML & CSS
UberEats高杉くん
2024 · ツール・自動化 · HTML & CSS · JavaScript
GenieSlack: ハッカソンでのチーム開発
2023 · AI · Python · HTML & CSS
前のプロジェクト
論文要約&配信ツール
次のプロジェクト
クラウドソーシングを使ったスクレイピング業務