কিভাবে একটি সামাজিক নেটওয়ার্কের বৃদ্ধি অ্যানিমেট করতে?


12

যখন নতুন নোড / প্রান্ত এতে যুক্ত করা হয় তখন কীভাবে সামাজিক নেটওয়ার্ক পরিবর্তিত হয় তা ভিজ্যুয়ালিয়াল করার জন্য আমি একটি লাইব্রেরি / সরঞ্জামের সন্ধান করছি।

বিদ্যমান সমাধানগুলির মধ্যে একটি হ'ল সোনিয়া: সোশ্যাল নেটওয়ার্ক ইমেজ অ্যানিমেটার । এটি আপনাকে এই মত সিনেমা বানাতে দিন ।

সোনিয়ার ডকুমেন্টেশন বলছে যে এটি এই মুহুর্তে ভেঙে গেছে এবং এর পরিবর্তে আমি জাভাস্ক্রিপ্ট-ভিত্তিক সমাধানটি পছন্দ করব। সুতরাং, আমার প্রশ্নটি: আপনি কি কোনও সরঞ্জামের সাথে পরিচিত বা আপনি কি আমাকে এমন কিছু লাইব্রেরিতে নির্দেশ করতে সক্ষম যা এই কাজটিকে যতটা সম্ভব সহজ করে তুলবে?

এই প্রশ্নটি পোস্ট করার পরে আমি সিগমা.জেএস খনন করব , সুতরাং দয়া করে এই লাইব্রেরিটি কভার বিবেচনা করুন।

সাধারণভাবে, আমার ইনপুট ডেটা এই জাতীয় কিছু হবে:

time_elapsed; node1; node2
1; A; B
2; A; C
3; B; C

সুতরাং, এখানে আমাদের সময় তিনটি পয়েন্ট রয়েছে (1, 2, 3), তিনটি নোড (এ, বি, সি) এবং তিনটি প্রান্ত, যা তিনটি বিবেচিত নোডের মধ্যে একটি ট্রায়ডিক বন্ধের প্রতিনিধিত্ব করে।

তদুপরি, প্রতিটি নোডের দুটি বৈশিষ্ট্য (বয়স এবং লিঙ্গ) থাকবে, তাই আমি নোডগুলির আকার / রঙ পরিবর্তন করতে সক্ষম হতে চাই।

এছাড়াও, একটি নতুন নোড যুক্ত করার পরে, গ্রাফের বিন্যাস সামঞ্জস্য করার জন্য কিছু ফোর্স্যাট্লাস 2 বা অনুরূপ অ্যালগরিদম থাকা উপযুক্ত।

উত্তর:


12

অভিনব অ্যানিমেশনগুলি দুর্দান্ত

আমি খুব প্রভাবিত ছিল যখন দেখলাম এই অ্যানিমেশন এর বক্তৃতা Git সংগ্রহস্থলের। তারা গুরসকে ব্যবহার করেছিল যা বিশেষত গিটের জন্য। তবে এটি কীভাবে বৃদ্ধির গতিশীলতা উপস্থাপন করবে সে সম্পর্কে ধারণা দিতে পারে।

আপনি ম্যাটপ্লটলিব দিয়ে অ্যানিমেশন তৈরি করতে পারেন

এই স্ট্যাকওভারফ্লো উত্তরটি অজগর / নেটওয়ার্কএক্স / ম্যাটপ্লোটিলিব সমাধানে নির্দেশ করবে বলে মনে হচ্ছে।

তবে D3.js ইন্টারঅ্যাকশন সরবরাহ করে

আপনি যদি কোনও ওয়েব-ভিত্তিক সমাধান খুঁজছেন তবে d3.jsটি দুর্দান্ত। দেখুন এই , এই এবং এই উদাহরণস্বরূপ। আরও দেখুন এই Stackoverflow প্রশ্ন , আবার D3.js এ গৃহীত উত্তর পয়েন্ট।

উপসংহার

নেটওয়ার্ক বিশ্লেষণের জন্য আমি পাইথন / নেটওয়ার্কএক্স বিকল্পগুলির দিকে টানবো (সম্ভবত উদাহরণস্বরূপ আপনার কাঁচা ডেটা ফাইলে অ্যাট্রিবিউট যুক্ত করতে)। তারপরে, ভিজ্যুয়ালাইজেশন এবং প্রচারের জন্য D3.js নিখুঁত। আপনি একবার D3.js লিখে এটি লিখতে কত সহজ হতে পারে আপনি অবাক হতে পারেন। আমি বিশ্বাস করি এটি এমনকি আইপথন নোটবুকের মধ্যেও কাজ করে!


ধন্যবাদ, আমি এই পাইথন / নেটওয়ার্কেক্স / ম্যাটপ্ল্লিটিব সমাধানটি পছন্দ করি কারণ এটি আমার ডিফল্ট কাজের পরিবেশ এবং এই কোডটি থেকে জিআইএফ তৈরি করা সহজ। তবুও, ওয়েবে সবচেয়ে ভাল
লাগার মতো কিছু

6

আমার প্রথম অনুমানটি হল মঞ্চের সামাজিক নেটওয়ার্কটি কল্পনা করা

এবং বিশেষত: টেবিলের জন্য নেটওয়ার্ক গ্রাফ তৈরি করা

আপনার যা দরকার তা হ'ল নেটওয়ার্ক পরিবর্তন গতিবিদ্যা দেখতে সক্ষম হতে "পৃষ্ঠাগুলি" বিভাগে সময় মাত্রা যুক্ত করা।

এটি উপরের লিঙ্কটি থেকে পর্দা। এখানে চিত্র বর্ণনা লিখুন


1
হাই, এই টিপটির জন্য ধন্যবাদ, তবে আমি এমন কিছু পছন্দ করতে চাই যা একটি গতিশীল আকারে ওয়েবে সহজেই প্রকাশযোগ্য। এছাড়াও, আমি নিখরচায় সমাধানগুলি পছন্দ করি, যদিও টেবিল - আমি ভুল হলে আমাকে সংশোধন করি - কেবল পরীক্ষামূলক সংস্করণ হিসাবে উপলভ্য।
ওয়াজচিয়াচ ওয়ালকজাক

এটির "পাবলিক" সংস্করণও রয়েছে, যার অর্থ আপনাকে ওয়েবে আপনার ফলাফলগুলি সংরক্ষণ / ভাগ করে নিতে হবে এবং স্থানীয়ভাবে এটি সংরক্ষণ করতে পারবেন না।
ইহারস

2
@ WojciechWalczak টেবিলের পরিবর্তে জিপি ব্যবহার করা যেতে পারে।
আমির আলী আকবরী

6

দেখা গেল যে এই কাজটি ভিজ.জেএস ব্যবহার করে সম্পাদন করা বেশ সহজ ছিল । এটি আমি খুঁজে পেয়েছি যা সেরা উদাহরণ কোড ছিল।

আমি এটির উপর যা নির্মাণ করেছি তার উদাহরণ এখানে (এই পোস্টের নীচে স্ক্রোল করুন)। এই গ্রাফটি ফেসবুক বন্ধুদের একটি সাবনেটওয়ার্কের বৃদ্ধি উপস্থাপন করে। সবুজ বিন্দু হল মহিলা, নীল পুরুষরা। গা The় রঙ, ব্যবহারকারী যত বেশি বয়সী user "Dodaj węzły" ক্লিক করে আপনি গ্রাফে আরও নোড এবং প্রান্ত যুক্ত করতে পারেন।

যাইহোক, আমি এখনও এই কাজটি সম্পাদন করার জন্য অন্যান্য উপায়ে আগ্রহী, সুতরাং এখনই কোনও উত্তর আমি গ্রহণ করব না।

আপনার অবদানের জন্য ধন্যবাদ!


আপনার লিঙ্কগুলি ভাঙা হয়েছে
ব্যবহারকারীর 1870400
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.