کتابخانه نمودار منبع باز جاوا اسکریپت

ساخت وبلاگ

Register for the upcoming webinar: Explore Dash in Manufacturing, Science, and Engineering.

ساخته شده در بالای d3. js و stack. gl ، plotly. js یک کتابخانه نمودار عالی و عالی است. کشتی های platly. js با بیش از 40 نوع نمودار ، از جمله نمودارهای سه بعدی ، نمودارهای آماری و نقشه های SVG. plotly. js منبع آزاد و باز است و می توانید منبع را مشاهده کنید ، گزارش ها را گزارش کنید یا در GitHub مشارکت کنید.

استقرار برنامه های dash plotly_js ai در خوشه های خصوصی Kubeetes: قیمت گذاری |نسخه ی نمایشی |نمای کلی |خدمات برنامه AI

اطلاعات بیشتر در مورد ویژگی های plotly. js را بخوانید انواع نمودار پیشرفته

Plotly. js انواع نمودارهای آماری و علمی را که در بسته هایی مانند Matplotlib ، GGPlot2 یا Matlab پیدا می کنید ، خلاصه می کند.

d3. json ('https://plotly.com/~Danielcarrera/13. json '، عملکرد (شکل)؛طرح var =]> Plotly.newPlot(document.getElementById('contour-plot'), [trace], layout, );>);

کاملاً قابل تنظیم

نمودارهای plotly. js به عنوان اشیاء JSON به طور اعلامیه ای توصیف می شوند. هر جنبه ای از نمودارها ، مانند رنگ ها ، خطوط شبکه و افسانه ، مجموعه ای از ویژگی های JSON را دارد.

d3. csv ('https://raw. githubusercontent.com/plotly/datasets/master/wind_speed_laurel_nebraska. csv' ، عملکرد (ردیف)) ، y: rows. map (عملکرد (ردیف)) ، خط:، Error_y:), thickness: 0.5, // set the thickness of the error bars width: 0>>؛طرح var =، لبه:>; Plotly.newPlot(document.getElementById('wind-speed'), [trace], layout, );>);

کارایی

بیشتر نمودارهای طرح دار با SVG ترسیم می شوند. این امر سازگاری زیادی در بین مرورگرها و صادرات تصویر بردار با کیفیت را ارائه می دهد. متأسفانه ، محدودیت های عملکرد ذاتی با تعداد عناصر SVG وجود دارد که می توانید در DOM ترسیم کنید.

plotly. js از stack. gl برای نمودار 2D و 3D با کارایی بالا استفاده می کند.

این نمودار با Scattergl Type Type Plactly. js ترسیم شده است. نمودارهای Scattergl مرتبه ای را سریعتر از همتایان SVG خود ارائه می دهند.

تمام نمودارهای سه بعدی در plotly. js با WebGL ارائه می شوند و از قدرت GPU برای تعامل سریع استفاده می کنند. نسخه تعاملی را مشاهده کنید

جهانی

با انتزاع نمودارها به یک ساختار JSON اعلانی ، Plotly. js به عنوان یک کتابخانه نمودار مبتنی بر مرورگر برای پایتون ، R ، Matlab استفاده می شود.

گزینه های پیکربندی

Configuration Options

آموزش مشاهده

چیدمان پاسخگو / سیال آموزش مشاهده uirevision در plicly. react آموزش مشاهده React Plotly. js

React Plotly.js

آموزش مشاهده

برنامه های تحلیلی با داش

Analytical Apps with Dash

آموزش مشاهده

توطئه های پراکندگی

Scatter Plots

آموزش مشاهده

نمودارهای خط

Line Charts

آموزش مشاهده

نمودار میله

Bar Charts

آموزش مشاهده

نمودارهای پای

Pie Charts

آموزش مشاهده

نمودارهای حباب

Bubble Charts

آموزش مشاهده

میله های خطا

Error Bars

آموزش مشاهده

توطئه جعبه

Box Plots

آموزش مشاهده

بافت شناسی

Histograms

آموزش مشاهده

توطئه های چگالی 2D

2d Density Plots

آموزش مشاهده

میله های خطای مداوم

Continuous Error Bars

آموزش مشاهده

توطئه های کانتور

Contour Plots

آموزش مشاهده

نقشه های گرمایی

Heatmaps

آموزش مشاهده

توطئه های سه گانه

Teary Plots

آموزش مشاهده

طرح مختصات موازی

Parallel Coordinates Plot

آموزش مشاهده

توطئه های ورود به سیستم

Log Plots

آموزش مشاهده

نمودارهای آبشار

Waterfall Charts

آموزش مشاهده

شاخص ها

Indicators

آموزش مشاهده

نمودارهای شمعدانی

Candlestick Charts

آموزش مشاهده

نمودارهای قیف و قیف

Fuel and Fuelarea Charts

آموزش مشاهده

سری زمانی

Time Series

آموزش مشاهده

لایه های نقشه نقشه

Mapbox Map Layers

آموزش مشاهده

نقشه حرارتی چگالی Mapbox

Mapbox Density Heatmap

آموزش مشاهده

جعبه نقشه کروپلت

Choropleth Mapbox

آموزش مشاهده

خطوط روی نقشه ها

Lines on Maps

آموزش مشاهده

نقشه های حباب

Bubble Maps

آموزش مشاهده

توطئه های پراکندگی سه بعدی

3D Scatter Plots

آموزش مشاهده

توطئه روبان

Ribbon Plots

آموزش مشاهده

توطئه های سطح سه بعدی

3D Surface Plots

آموزش مشاهده

توطئه مش 3D

3D Mesh Plots

آموزش مشاهده

توطئه خط سه بعدی

3D Line Plots

آموزش مشاهده

قسمتهای فرعی

Subplots

آموزش مشاهده

توطئه

Inset Plots

آموزش مشاهده

زیرزمین های سه بعدی

3D Subplots

آموزش مشاهده

زیرزمین های مختلط

Mixed Subplots

آموزش مشاهده

زیر مجموعه جدول

Table Subplots

آموزش مشاهده

روی رویدادها کلیک کنید

Click Events

آموزش مشاهده

حوادث شناور

Hover Events

آموزش مشاهده

رویدادهای بزرگنمایی

Zoom Events

آموزش مشاهده

رویدادهای بزرگنمایی را غیرفعال کنید

Disable Zoom Events

آموزش مشاهده

فیلتر کردن

Filter

آموزش مشاهده

دسته بندی بر اساس

Groupby

آموزش مشاهده

تجمع

Aggregations

آموزش مشاهده

تحول های چندگانه

Multiple Transforms

آموزش مشاهده

رویدادهای کشویی

Dropdown Events

آموزش مشاهده

رویدادهای دکمه ای

Button Events

آموزش مشاهده

رویدادهای کشویی

Slider Events

آموزش مشاهده

انتخاب لاسو

Lasso Selection

آموزش مشاهده

دامنه کشویی و انتخاب کننده

Range Slider and Selector

آموزش مشاهده

پلتفرم های تجاری...
ما را در سایت پلتفرم های تجاری دنبال می کنید

برچسب : نویسنده : مریم کاویانی بازدید : <-PostHit-> تاريخ : جمعه 9 تير 1402 ساعت: 17:17