Ali Bahrami
Ali Bahrami
خواندن ۳ دقیقه·۵ سال پیش

تجربه ی بصری سازی با استفاده از d3

 لوگوی d3.js
لوگوی d3.js

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

حجم داده زیاد بود و توی یه اکسل پیدا کردنش و دسترسی بهش ساده نبود. از طرفی مرتب سازی شون از بالا به پایین بود (یعنی از عمومی به خصوصی؛ مثلا توزیع -> نشریات -> نشریات تخصصی -> ... ) برای همین بعد از یه بررسی اولیه، تصمیم گرفتم از روی یکی از نمونه های d3 درستش کنم.

اطلاعات این نرم افزار زحمات دوستان عزیزم در گروه مطالعاتی چوب الف هستش.
اطلاعات این نرم افزار زحمات دوستان عزیزم در گروه مطالعاتی چوب الف هستش.

چند تا چیز یاد گرفتم بد نیست که شما هم بدونید:

نمونه های اولیه برای شروع خوبن.

این کتابخونه ی d3 یه تعداد خیلی زیادی نمونه داره و یه سرچ ساده توش بزنید می تونید ازش ایده بگیرید. نمونه هاش مفید و قابل توسعه هستن. من خودم از این استفاده کردم و بر پایه ی این توسعه دادم.

اگه داده تون زیاده، به پردازنده ی گرافیکی فکر کنید

اگر چه d3 در زمینه ی بازدهی خوب عمل می کنه و تا حد خیلی زیادی سرعت خوبی داره، ولی وقتی داده تون زیاد می شه بهتره ازش استفاده نکنید. ما این جا حجم زیادی داده داشتیم و تعداد دسته بندی ها زیاد بود و کار زیادی هم انجام می شد، نتیجتا اگه از سخت افزار قوی ای استفاده نکنید، لگ محسوسی داره.

در نهایت اگه حجم داده تون زیاده برید سراغ کتابخونه هایی مث pixi.js. این کتابخونه ی d3 برای کارهای با حجم پایین بهتره و البته بسیار هم زیباست.

از اول ببندید که چی می خواید تحویل بدید

توی کارهایی که هنر هم دخیله، سلایق متفاوته. و این تفاوت باعث می شه هی نظرات کارفرماتون عوض بشه. اگه زورتون می رسه و می تونید، حتما ببندید و نیازمندی های پروژه رو رو کاغذ ازشون تحویل بگیرید. تو این طرح یه بار گفتن نوشته ها رو تاب بده روی دایره ها، یه بار گفتن رنگش رو عوض کن، یه بار ...

خلاصه این که حتما ببندید باهاشون.

داده تمیز شده و مرتب رو اول پروژه تحویل بگیرید

بالاخص برای کار بصری سازی، مرتب بودن داده تو دسته بندی های مشخص، الزامیه. البته خدا رو شکر تو این پروژه دسته بندی ها خوب و منظم بود و من زیاد اذیت نشدم؛ منتها حواستون به این قضیه هم باشه.

در نهایت...

در نهایت من چون اندکی ذوق هنری هم دارم، برام پروژه ی شیرینی بود. دوست دارم اگه بازم بصری سازی باشه، انجام بدم. کلا این جور کارها رو دوست دارم، چون ارزش زحمات اون آدم هایی که روی جمع آوری اون داده ها کار کردن، اینطوری مشخص تر شد و به چشم اومد. ( می گن آدم ها ?شون به ?ه)

اینم اگه دوست داشتید ویدئوشه

https://www.aparat.com/v/VmSE9
برنامه نویسیبصری سازی
شاید از این پست‌ها خوشتان بیاید