Observable Plot یک کتابخانه مدرن و کاربرپسند برای مصورسازی داده‌ها است که بر پایه کتابخانه D3.js توسعه یافته است. این کتابخانه به منظور تسهیل فرآیند ایجاد نمودارهای تعاملی و بصری طراحی شده و به کاربران این امکان را می‌دهد که به سادگی و با حداقل کد، داده‌های خود را به شکل زیبا و قابل فهم نمایش دهند.   توسعه‌دهنده‌گان Observable Plot، که در خلق D3.js مشارکت داشته‌اند  با بهره‌گیری …

ادامه مطلب

در این مقاله، به شما آموزش می‌دهیم که چگونه با استفاده از کتابخانه Observable Plot و داده‌های GeoJSON، یک نقشه حبابی ایران رسم کنید که در آن حباب‌های هر استان براساس جمعیت آن استان نمایش داده شوند. این نوع نمودار می‌تواند ابزاری مفید برای نمایش اطلاعات جمعیتی به‌صورت بصری و مؤثر باشد.   مقدمه   نقشه حبابی (Bubble Map) نوعی نمودار جغرافیایی است که در آن از دایره‌هایی با اندازه‌های …

ادامه مطلب

در این مقاله به بررسی و توضیح خط به خط کدی می‌پردازیم که با استفاده از کتابخانه Observable Plot یک نمودار scatterplot رسم می‌کند. این کتابخانه به شما اجازه می‌دهد به سادگی و به صورت بسیار مختصر نمودارهای گرافیکی رسم کنید.   کد کامل:   plotly.plot({ marks: [ plotly.dot(education, {x: "age", y: "men", fill: "steelblue", r: 5, title: d => `Men: ${d.men}`}), plotly.dot(education, {x: "age", y: "women", fill: "orange", r: …

ادامه مطلب

نمودارهای پشته‌ای یکی از ابزارهای قدرتمند برای مصورسازی داده‌ها به شکلی هستند که نه تنها مقادیر مطلق، بلکه روابط نسبی بین دسته‌های مختلف داده‌ها را نمایش می‌دهند. در این مقاله، قصد داریم با استفاده از کتابخانه observable plot یک نمودار پشته‌ای بسازیم که توزیع جمعیت، واجدین شرایط و شرکت‌کنندگان در دوره‌های مختلف انتخابات ریاست جمهوری ایران را نمایش می‌دهد.   داده‌های استفاده شده در این مقاله از ویکی‌پدیا فارسی جمع‌آوری …

ادامه مطلب

در این مقاله قصد داریم تا یک نمودار مختصات محور و به طور خاص، نقشه ایران را رسم کنیم و اطلاعات جمعیتی استان‌ها را به عنوان نمونه در این نقشه نشان دهیم.   ابزار مورد استفاده در این نمودار، کتابخانه observable plot می‌باشد که به طور پیشفرض در داده نگار، پشتیبانی می‌شود. این کتابخانه، توانایی این را دارد که با پذیرفتن فایل مختصاتی یا geojson ، نقشه مربوط به آن …

ادامه مطلب

در ادامه سری آموزش های کتابخانه observablehq plot ، در این مقاله با آموزش یکی از بخش‌های پیشرفته این کتابخانه برای رسم نمودارها در خدمت شما هستیم. در این نوشته، سعی شده تا 2 مفهوم دسته‌بندی یا پارتیشن بندی داده (faceting) و گروه‌بندی و اعمال توابع گروهی روی داده (grouping) توضیح داده شود. برای درک بهتر موارد، از مثال‌های مختلفی استفاده شده است که توضیحات هر نمودار را در همان بخش می‌بینیم. …

ادامه مطلب

در مقالات قبلی از آموزش کار با کتابخانه observablehq plot، در مورد رسم نمودار خطی توضیح دادیم. در این نوشته، قصد داریم تا یک نمودار میله‌ای رسم کنیم.   در ابتدا داده مورد نظر خود را تعریف می‌کنیم. در این مورد، از روش آپلود فایل داده استفاده شده که آموزش آن در این قسمت موجود است.   برای رسم نمودار میله‌ای از تابع Plot.barY استفاده می‌شود. کد رسم نمودار را …

ادامه مطلب

در مقاله قبلی از آموزش کار با کتابخانه observable plot، در مورد رسم نمودار خطی توضیح دادیم. در این نوشته قصد داریم تا نمودار چند خطی (چند سری) را در یک صفحه نمودار رسم کنیم.   قبل از شروع به کار، نیاز به تعریف داده داریم که هم به صورت تعریف متغیر داخل کد و هم به صورت بارگذاری فایل داده، امکان پذیر است (آموزش را می‌توانید در این قسمت …

ادامه مطلب

نمودار خطی یکی از انواع اصلی و پرکاربرد نمودار می‌باشد که در ادامه، نحوه رسم آن را با استفاده از کتابخانه observable plot با هم می‌بینیم.   در ابتدا داده نمونه خود را تعریف می‌کنیم. این کار هم در ادیتور قابل انجام است و هم با آپلود فایل داده که نحوه آپلود فایل را در اینجا می‌توانید مطالعه کنید.     سپس شروع به نوشتن کد plot مربوط به نمودار …

ادامه مطلب

در این مقاله قصد داریم تا با ساختار اصلی و پایه رسم نمودار کتابخانه observable plot آشنا شویم. در آموزش‌های بعدی، وارد جزئیات بیشتر و انواع نمودار می‌شویم.   همان طور که در عکس زیر قابل مشاهده است، تابع plot مسئول اصلی رسم نمودار می‌باشد. این تابع، objectای را دریافت می‌کند که ساختار نمودار را معلوم می‌کند.     این شی شامل انواع تنظیمات مربوط به نمودار می‌باشد. به طور …

ادامه مطلب