دیـتاویــز

مصورسازی اطلاعات، دیتاژورنالیسم، آمار و نمودار

دیـتاویــز

مصورسازی اطلاعات، دیتاژورنالیسم، آمار و نمودار

دیـتاویــز

شبکه اجتماعی در آنا کارنینا [تعاملی]

جمعه, ۲ مرداد ۱۳۹۴، ۱۲:۵۰ ق.ظ

برای بررسی شبکه‌های اجتماعی(هر نوعی) معمولا ابتدا از سوشیال گراف(Social Graph) استفاده می‌کنند که یک نمای کلی از شبکه می‌دهد.

حالا بعد از دو هفته آنا کارنینا خواندن نمودار شبکه و روابط اشخاص این داستان را طراحی کردم.

بعد از طراحی اولیه روی کاغذ، ابتدا از Vis.js استفاده کردم که متاسفانه حجم زیادی از سی‌پی‌یو را هنگام مشاهده اشغال می‌کند. به‌خاطر همین بی‌خیال این طرح شدم. (مشاهده نمونه اول - توجه: از CPU استفاده زیادی می‌کند)

چند فریم‌ورک و نرم‌افزار برای طراحی شبکه اجتماعی هست که در نهایت با استفاده از Gephi و Sigma.js نسخه‌ی نهایی آماده شد. خوبی این نسخه کنترل بهتر نمای شبکه است.(مشاهده نمونه دوم)

شاید اسم کتاب «آنا کارنینا» باشد اما لزوما آنا شخص اول داستان نیست؛ می‌توان گفت داستان خودش را دارد. اگر گراف را ببینید نشان می‌دهد شخص اول در این داستان معنایی ندارد.

کل کاراکترهای داستان ۳۴۵ نفر هستند که با ۳۳۷ خط(یال) با یکدیگر مرتبط شده‌اند. امکان افزایش روابط به ۴۰۰ و بیشتر هم از طریق روابط درونی بود. به‌عنوان مثال ناتالی خواهر کیتی و دالی است، که پدر و مادرش می‌شوند چرتباسکی‌ها، شوهر خواهر او له‌وین و روابط دیگر که خیلی دقیق ترسیم نشده‌اند؛ به‌دلیل کمبود وقت، روال داستان و منطق شبکه‌ای!

مشاهده گراف تعاملی

مشاهده تصویر اینفوگراف: بدون اسم | با اسم

نظرات (۲)

  • محمدحسین خانی
  • سلام
    چه جالب!

    «شبکه روابط اجتماعی در داستان آنا کارنینا»

  • محمدحسین خانی
  • سلام مجدد
    لینک نمونه اول را اصلاح بفرمایید
    http://datavis.ir/1394/05/sadmim.ir/project/charts/anna/not/index.html

    اشتباها بخشی از نشانی مطلب، اول نشانی نمونه آمده است....
    پاسخ:
    ممنون :)
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی