این صفحه اینجاست تا به شما نشان دهد با Charts API چه چیزی ممکن است.
| مرد آبی نمودار خطی با دست ترسیم شده دقیق (lxy). نویسنده: روبرتو منسا |
| تور دو فرانس، نمودار توسط: توماس مهمان 1987، پدرو دلگادو بازتولید گرافیکی صحنه کوهستانی دراماتیک استفن روش در تور 1987. پدرو دلگادو با پوشیدن لباس زرد، در صعود به La Plagne برتری قابل توجهی نسبت به رقیب خود داشت. با این حال روشه به نوعی راه خود را به رقابت بازگرداند و در خط پایان تنها 5 ثانیه از دلگادو عقب تر ظاهر شد. او همه را شگفت زده کرد. او به زمین افتاد، خسته شد و مجبور شد به او اکسیژن داده شود، اما او به اندازه کافی این کار را انجام داده بود. روشه در ادامه تور را برد. مهیب ! 2009، مارک کاوندیش مارک کاوندیش مرد مرکوریال در تور 2009 در 6 مرحله باورنکردنی برنده شد. در اینجا او اولین بریتانیایی است که در مسابقه نهایی شانزه لیزه پیروز می شود و با اختلاف بسیار زیاد آن را برنده می شود. |
| Pac-Man نمودار دایره ای که شبیه Pac-Man افسانه ای است. نویسنده: پائولو ماسا |
| موندریان بازتولید نمودار خطی از نقاشی معروف پیت موندریان: "ترکیب با زرد، آبی و قرمز" (1937-42) ساخته شده با نمودار خطی. نویسنده: دیمیتری اسکریپتین |
| نقشه ستاره نمودار پراکندگی نمودار ستاره ای را برای یک مکان خاص روی زمین نشان می دهد که استوا ( x )، دایره البروج ( o )، قطب ( N )، نقطه اوج ( z ) و چندین سیاره ( h - زحل، d - مریخ، D - ماه را نشان می دهد. ). نویسنده: مایک دافی |
| روباه نمودار خطی (lxy) ردیابی تصویری که با دست کشیده شده است. توسط: جیمز از خدمات پاسخگویی تلفنی EPH |
| نمودار کارت پانچ (Scatterplot) یک مثال خوب از استفاده از هر دو اندازه و قرار دادن نقاط در یک نمودار پراکنده برای انتقال اطلاعات. برخی از مواردی که باید در URL این نمودار توجه داشته باشید: -
cht=s - این یک نمودار پراکنده است. -
chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 - داده های این نمودار بسیار منظم به صورت شبکه ای چیده شده اند. این نمودار پراکنده از سه سری استفاده می کند. آخرین سری برای تعیین اندازه نقطه استفاده می شود. -
chds=-1,24,-1,7,0,17 - پارامتر chds مقیاسی از -1-24 ستون و -1-7 ردیف را تنظیم می کند. این به شما امکان می دهد با استفاده از یک شبکه ساده مربوط به ساعت ها و روزها، نقطه هایی را مشخص کنید، جایی که صفر اولین ورودی است. مقیاس ها با -1 شروع می شوند تا نقطه ها درست روی خطوط محور رسم نشوند (یک سطر/ستون خالی در اطراف نمودار اضافه می کند). -
chm=o,333333,1,-1,25 - نوع نشانگر پیش فرض مورد استفاده برای همه نقاط را مشخص می کند. این یک دایره تقریبا سیاه با 25 نقطه به عنوان اندازه پیش فرض اختصاص می دهد. 25 اندازه حداکثر مقدار داده است. مقادیر کمتر از این در سری سوم داده ها باعث ایجاد نقاط کوچکتر می شود. -
chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat| - برچسب های محورهای x و y. مقدار اول برای هر دو محور خالی است (مشخص به عنوان '||') تا یک فضای خالی در تقاطع محور باقی بماند.
توسط: github.com |
| نمودار خط ترافیک وب (نمودار خطی) یک نمودار خطی که به خوبی انجام شده است که سبکهای خط، نشانگرهای همپوشانی، خطوط شبکه، پر کردن و نشانگرهای محدوده را نشان میدهد. در اینجا پارامترهای مورد علاقه: -
cht=lc - نمودار خطی که نقاط را به طور مساوی در امتداد محور x قرار می دهد. -
chg=25,25,3,2 - اندازه و الگوی شبکه را مشخص می کند. در اینجا خطوط 25 واحدی در امتداد هر دو محور x و y، با یک فاصله سه پیکسلی و یک فضای دو پیکسلی است که خطوط چین را نشان می دهد. -
chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 - دو پر: یکی برای پسزمینه نمودار و دیگری سبکتر برای ناحیه نمودار نمودار. -
chm= - نشانگرهای الماس پر شده با سفید روی خط در واقع ترکیبی از دو نشانگر هستند: ابتدا یک نشانگر رنگ خطی، سپس یک نشانگر سفید کمی کوچکتر با همان اندازه و شکل در همان نقطه، که ظاهر سفید را به شما می دهد. نشانگر الماس پر کنید. از آنجایی که ابتدا رنگ پر مشخص می شود، به طور خودکار زیر نشانگر سفید قرار می گیرد، بنابراین نیازی به تعیین مقدار z-order برای نشانگر برای مدیریت لایه بندی ندارید.-
r,FF00004C,0,0.40,0.60 - نوار قرمز افقی در پس زمینه نمودار. توجه داشته باشید که چگونه مقادیر شروع و پایان از محدوده 0.0-1.0 هستند، نه 0-100. همچنین شفافیتی را مشخص می کند تا به خطوط شبکه و پس زمینه اجازه نمایش داده شود. - R,0080004C,0,0.70,0.90 - نوار سبز عمودی در پس زمینه نمودار. توجه داشته باشید که چگونه مقادیر شروع و پایان از محدوده 0.0-1.0 هستند، نه 0-100. همچنین شفافیتی را مشخص می کند تا به خطوط شبکه و پس زمینه اجازه نمایش داده شود.
- d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 - نشانگرهای الماس قرمز در تمام نقاط خط آبی. اولین نشانگر الماس قرمز است، دومی کمی کوچکتر و سفید است.
- d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 - نشانگرهای الماس آبی در تمام نقاط خط آبی. اولین نشانگر الماس آبی است، دومی کمی کوچکتر و سفید است.
-
chxt=y,y,x,x,x و chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month - برچسب های محور. این نمودار پنج مجموعه از برچسب های محور را نشان می دهد: دو محور y و سه محور x. درونیترین محور y (شاخص 0) شامل یک برچسب خالی به جای نشانگر «0» است که گوشه پایین سمت چپ نمودار را کمی شلوغ میکند. -
chxp=1,50.0| 4,50.0 - محل قرارگیری برچسب های "Hits" و "Month" را به ترتیب روی محورهای y و x مشخص می کند. -
chma=55,120,0,0 - حاشیههای چپ و راست افزایش مییابد تا فاصله کمی بین دو طرف نمودار و برچسب "Hits" و متن افسانه اضافه شود.
توسط: charts4j.com |
| نمودار رادار یک نمودار راداری که به خوبی انجام شده است با نشانگرهایی که نمرات نسبتاً ضعیفی را در رشته های مختلف تحصیلی نشان می دهد. -
cht=r - نمودار رادار . -
chxt=y,x - مقیاس عددی را به صورت دایره های متحدالمرکز (محور x)، به علاوه نشانگرهای درجه (محور y) نشان دهید. -
chls=4 - سبک خط برای خط ردیابی رادار (خط با عرض چهار پیکسل). -
chd=t:80,49,48,78,59,80 - داده ها شامل یک نقطه اضافی هستند: اولین و آخرین نقطه دارای ارزش یکسانی هستند تا نمودار به خوبی بسته شود. -
chxp=0,0,20,40,60,80,100 - خطوط شبکه ای را برای نشان دادن در محور x مشخص می کند. بدون این پارامتر، خطوط شبکه هر 10 واحد نشان داده می شود که یک نمودار بسیار شلوغ ایجاد می کند. -
chxl=1:|Maths|Arts|French|German|Music - فقط پنج برچسب برای شش نقطه داده مشخص شده است. نمودار به هر کدام بزرگتر تقسیم می شود: برچسب ها یا (نقاط داده - 1). در این نمودار مقدار آنها یکسان است. -
chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 - یک نشانگر به سبک مربع پر شده ایجاد می کند که ابتدا با مشخص کردن مربع های قرمز و سپس یک مربع سفید کمی کوچکتر ایجاد می شود. مربع سفید در مرحله دوم مشخص می شود، بنابراین در مرحله دوم ترسیم می شود و نیازی به نگرانی در مورد تعیین مرتبه z هر نشانگر برای تعیین نحوه انباشته شدن آنها نیست.
توسط: charts4j.com |
| نمودار رادار خیالی یک نمودار رادار خیالی از دو سری داده تشکیل شده است: یکی برای گلبرگ ها و دیگری برای چشم آبی در وسط. دایره های صورتی کوچک نشانگر دایره هستند. چشم و گلبرگ ها با استفاده از خطوط پر شده رنگ می شوند. مواردی که باید در URL توجه داشته باشید: -
cht=rs - نمودار راداری از نوع rs به جای r برای دادن خطوط گرد. -
chd=s: ... - دو سری داده مشخص شده، هر کدام دارای 202 نقطه داده. سری اول برای گلبرگ ها، سری دوم برای چشم در وسط است. هر نقطه در حدود 360/202 = 1.8 درجه از هم فاصله دارد. -
chf=bg,s,504227 - پر کردن پس زمینه قهوه ای -
chm= -
B,8FA3D6,0,0,0 - گلبرگ ها را پر می کند. -
o,FFC0CB,1,0,20,0 - ده نشانگر دایره صورتی (همه در اینجا نشان داده نشده اند) با فاصله 20 نقطه داده (حدود 36 درجه از هم). -
o,FFC0CB,1,20,20,0 -
o,FFC0CB,1,40,20,0 - ...
-
o,FFC0CB,1,200,20,0 -
B,3D5593,1,0,0 - پرکننده آبی تیره برای چشم مرکزی
توسط: charts4j.com |
| منحنی Lissajous (نمودار خطی) اکثر مردم منحنی Lissajous را روی یک اسیلوسکوپ دیده اند. این یک نمودار خطی lxy است که از رویکرد brute-force برای رسم هر نقطه در منحنی، نقطه به نقطه استفاده میکند. مختصات x و y 800 نقطه مجزا را با استفاده از فرمت رمزگذاری توسعه یافته توصیف می کند. توسط: charts4j.com |
نمودار میله ای عمودی این نمودار تاثیر روزهای استراحت را بر آمار مالکیت در NBA نشان می دهد. این نشان می دهد که چگونه میانگین لیگ NBA زمانی که تیم ها با روزهای استراحت معین بازی می کنند متفاوت است. توسط: NBAStuffer.com |