9 نمونه از بهترین کتابخانه های Javascript برای رسم نمودار - قسمت 2



visibility  
mode_comment   ۰

در این مطلب میخوام در ادامه مطلب گذشته، 5 نمونه از بهترین کتابخانه های Javascript که میتونین از اونا برای رسم نمودار استفاده کنید، معرفی کنم. با استفاده از این موارد میتونین اطلاعات خودتون رو به راحتی به تصویر بکشید.9 نمونه از بهترین کتابخانه های Javascript برای رسم نمودار - قسمت 1

کتابخانه C3.JS

همانند ابزار TauCharts، کتابخانه C3.js هم خیلی بهینه و خوب بر پایه D3 هست که میتونین از اون برای رسم نمودار استفاده کنید. همچنین با استفاده از ویژگی هایی که در اختیارتون قرار میده میتونین به راحتی اون رو سفارش سازی کنید. اولین باری که از این ابزار استفاده میکنید سخت بنظر میرسه ولی موقعی که با اون کار میکنید کم کم براتون راحت میشه و به خوبی میتونین با اون کار کنید.

شما میتونین بعد از به پایان رسم شدن اولیه این نمودار، اون رو به روز رسانی کنید و اطلاعات جدیدی بر روی اون رسم کنید. برای نصب این کتابخانه میتونین بصورت زیر عمل کنید:

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

در مثال پایین یک نمودار ترکیبی از انواع مختلف با استفاده از کتابخانه C3 به وجود اومده و میتونین از اون ایده بگیرید. میتونین در نمونه بالا کدهای CSS و HTML و Javascript رو مشاهده کنید و با کلیک بر روی Result هم خروجی مربوط به این کدها رو ببینید.


High Charts

با استفاده این ابزار میتونین به راحتی نمودار های Interactive رو با Javascript خالص به وجود بیارید. این ابزار نمودارها رو بصورت SVG رندر میکنه و نمایش میده و به خوبی با HTML5 کار میکنه. این ابزار خیلی سبک هست و نیاز به هیچ پلاگینی نداره. شما هر نمونه نموداری که فکرشو بکنید میتونین با استفاده از این ابزار به وجود بیارید.

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

برای نصب کردن این کتابخونه میتونین از npm استفاده کنید. بصورت زیر:

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

در مثال زیر یک نمودار حبابی با گرادیان شعاعی زیبا قرار داده شده است که میتونین از اون ایده بگیرید.

کتابخانه Recharts

Recharts یک کتابخانه رسم نمودار ساخته شده با React هست که بر پایه D3 می باشد. قواعد مربوط به رسم نمودار برای React دوباره نویسی شده تا کسانی که با React کار میکنن بتونن به راحتی نمودار رو رسم بکنن. این ابزار خیلی سبک هست و بصورت SVG نمودار رو رندر میکنه.

برای نصب کردن این ابزار میتونین از npm استفاده کنید. بصورت زیر:

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

کتابخانه NVD3

NVD3 یکی دیگر از ابزارهای بر پایه D3 هست که با استفاده از اون میتونین نمودارهای با کیفیتی رو در وب سایت خودتون قرار بدین. یکی از مشکلات این ابزار سرعت اون میتونه باشه که با استفاده از ابزار Fastdom هم میتونین این مشکل رو برطرف کنید.

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

در مثال زیر یک نمودار خطی ساده با استفاده از ابزار NVD3 ساخته شده:

ابزار FLOT

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

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

مثال زیر رو ببینید:


امیدوارم از این موارد خوشتون اومده باشه.

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.