Dấu gạch ngang cho Python có miễn phí không?

Bạn muốn tìm hiểu cốt truyện Dash? . Hiểu sâu hơn bằng cách làm theo tài liệu chính thức hoặc xem khóa học Udemy của tôi, nơi bạn sẽ học cách tạo bảng điều khiển tương tác chính thức

Dash là gì?

Dash là một khung python được tạo bởi cốt truyện để tạo các ứng dụng web tương tác. Dấu gạch ngang được viết trên đầu Flask, Plotly. js và phản ứng. js. Với Dash, bạn không cần phải học HTML, CSS và Javascript để tạo bảng điều khiển tương tác, bạn chỉ cần python. Dash là mã nguồn mở và việc xây dựng ứng dụng sử dụng khung này được xem trên trình duyệt web

Với Dash, bạn không cần phải học HTML, CSS và Javascript để tạo bảng điều khiển tương tác, bạn chỉ cần python

Khối xây dựng của Dash

Các ứng dụng Dash được tạo thành từ 2 khối xây dựng

  1. Cách trình bày
  2. gọi lại

Bố cục mô tả giao diện của ứng dụng, nó xác định các thành phần như biểu đồ, danh sách thả xuống, v.v. và vị trí, kích thước, màu sắc, v.v. của các thành phần này. Dash chứa các thành phần Dash HTML mà chúng ta có thể tạo và định kiểu nội dung HTML như tiêu đề, đoạn văn, hình ảnh, v.v. bằng cách sử dụng python. Các yếu tố như biểu đồ, danh sách thả xuống, thanh trượt được tạo bằng các thành phần Dash Core

Gọi lại được sử dụng để mang lại tính tương tác cho các ứng dụng dấu gạch ngang. Ví dụ: đây là các hàm sử dụng để chúng ta có thể xác định hoạt động sẽ xảy ra khi nhấp vào nút hoặc danh sách thả xuống

Bố cục sử dụng Dash

Bây giờ, hãy xem cách chúng ta có thể tạo bố cục dựa trên web bằng cách sử dụng Dash theo cốt truyện. Trước khi bắt đầu với bố cục, hãy cài đặt một số gói cần thiết. [Bạn có thể sử dụng Anaconda Spyder, môi trường phát triển python, để chạy mã. ]

Bây giờ, chúng tôi sẽ nhập gói gạch ngang, dash_html_components cho các lớp HTML, dash_core_components cho các thành phần như biểu đồ, danh sách thả xuống, v.v. và các gói sơ đồ để tạo biểu đồ và đọc tập dữ liệu giá cổ phiếu

[Trong đoạn mã bên dưới] Chúng tôi đang khởi tạo ứng dụng dấu gạch ngang của mình bằng gói dấu gạch ngang. Sau đó, chúng tôi đang đọc dữ liệu giá cổ phiếu của các công ty khác nhau từ năm 2018 đến 2019. Chúng tôi đang tạo hàm stock_prices trả về biểu đồ đường cho giá cổ phiếu của Google

[Trong đoạn mã trên] Tại dòng 16, chúng tôi đang thiết lập bố cục của mình bằng cách sử dụng thành phần html Div, đây là một loại trình bao bọc trong đó các thành phần [tiêu đề, biểu đồ] của bố cục sẽ được tạo. Thành phần Div chứa các đối số như id [mã định danh duy nhất của phần tử], kiểu [để đặt chiều rộng, chiều cao, màu, v.v.] và phần tử con [bằng dấu ngoặc vuông trong đó các phần tử của bố cục được khởi tạo]

Bên trong thành phần con [của html. Div], chúng tôi đang tạo tiêu đề html H1 ở dòng 17 bằng chức năng H1. Bên trong hàm, chúng tôi đang đặt id duy nhất của hàm [id = 'H1'], thuộc tính con mà chúng tôi sử dụng để đặt văn bản của tiêu đề và thuộc tính kiểu làm từ điển trong đó chúng tôi đang đặt kiểu dáng, chẳng hạn như căn giữa văn bản . Tại dòng 21, chúng tôi đang sử dụng thành phần lõi gạch ngang [dcc] để tạo biểu đồ, trong đó chúng tôi đang đặt id của biểu đồ và đối số hình, tương đương với lệnh gọi hàm [stock_pricest[]] trả về đối tượng hình vẽ đồ thị

Để xem ứng dụng của chúng tôi, chúng tôi cần chạy máy chủ web của mình giống như trong Flask. Ghi nhớ Dash được xây dựng trên Flask

Khi chạy ứng dụng, bạn sẽ thấy ứng dụng đang chạy trên http. //127. 0. 0. 1. 8050/ , là máy chủ cục bộ của bạn. Sao chép url này và dán nó vào trình duyệt của bạn và bạn sẽ thấy hình ảnh bên dưới

Bây giờ, chúng tôi sẽ tạo danh sách thả xuống bằng cách sử dụng các thành phần cốt lõi của dấu gạch ngang. Sử dụng danh sách thả xuống, chúng tôi sẽ có thể chọn cổ phiếu của Google, Apple hoặc Amazon

Danh sách thả xuống được tạo bằng hàm Dropdown[] có các đối số sau -

  1. id — Số nhận dạng duy nhất của trình đơn thả xuống
  2. tùy chọn — Đặt 'nhãn' [văn bản hiển thị trong danh sách thả xuống] và 'giá trị' [được sử dụng bởi dấu gạch ngang để liên lạc với các cuộc gọi lại] làm cặp giá trị chính
  3. giá trị - lựa chọn mặc định cho danh sách thả xuống
Gọi lại trong Dash. Làm cho nó tương tác

Bây giờ, hãy xem cách chúng ta có thể tạo cuộc gọi lại sẽ kết nối trình đơn thả xuống và biểu đồ đường giá cổ phiếu

Một cuộc gọi lại được khởi tạo bằng cách sử dụng @app. gọi lại [], theo sau là định nghĩa hàm. Trong chức năng này, chúng tôi xác định điều gì sẽ xảy ra khi thay đổi giá trị của danh sách thả xuống

Chúng ta hãy xem các đối số trong hàm gọi lại

  1. đầu ra. Điều này được sử dụng để xác định các thành phần trong bố cục sẽ được cập nhật khi hàm bên dưới hàm gọi lại [graph_update[]] trả về một số đối tượng. Hàm đầu ra nhận 2 đối số — 1] component_id xác định id của thành phần mà chúng ta muốn cập nhật bằng hàm graph_update. Chúng tôi muốn cập nhật biểu đồ giá cổ phiếu trong dcc. Biểu đồ, vì vậy chúng tôi sẽ đặt id thành phần thành 'line_plot', là id của thành phần biểu đồ của chúng tôi. 2] Thuộc tính thành phần xác định thuộc tính của thành phần sẽ được cập nhật, đó là thuộc tính hình của dcc. Biểu đồ trong bố cục của chúng tôi
  2. Đầu vào. Điều này được sử dụng để xác định các thành phần, thay đổi giá trị của nó sẽ kích hoạt gọi lại. Hàm đầu vào cũng lấy component_id và component_property làm đối số. Chúng tôi muốn gọi lại được kích hoạt dựa trên thay đổi về giá trị của danh sách thả xuống của chúng tôi, vì vậy chúng tôi đặt thuộc tính component_property thành 'giá trị' của danh sách thả xuống. Xin lưu ý rằng Đầu vào được xác định trong danh sách

Thuộc tính thành phần của hàm Đầu vào, là 'giá trị' của danh sách thả xuống, đóng vai trò là đối số trong hàm graph_update. Bên trong hàm, chúng ta đang tạo biểu đồ phân tán và trả về đối tượng hình fig, được chuyển đến thuộc tính hình của dcc. Vẽ đồ thị bằng chức năng Đầu ra của cuộc gọi lại

Mang tất cả lại với nhau

Bây giờ, hãy kết hợp bố cục, danh sách thả xuống và gọi lại trong đoạn mã dưới đây

Hình ảnh bên dưới cho thấy sự thay đổi về giá trị của danh sách thả xuống cập nhật biểu đồ đường giá cổ phiếu của chúng tôi như thế nào

Tóm lược

Vì vậy, chúng tôi đã xem xét cách chúng tôi có thể tạo bảng điều khiển tương tác bằng cách sử dụng Dash theo sơ đồ. Đầu tiên, chúng tôi đã tạo bố cục bằng cách sử dụng các thành phần html và các thành phần cốt lõi của dấu gạch ngang. Sau đó, chúng tôi đã thêm danh sách thả xuống và kết nối nó với biểu đồ đường giá cổ phiếu bằng cách gọi lại

Chia sẻ lại liên kết khóa học — Plotly Dash Course, trong trường hợp bạn muốn tìm hiểu thêm về plotly dash

Python Dash có giá bao nhiêu?

Đặt giá dấu gạch ngang. Dash có 3 phiên bản định giá, từ 90 đô la đến 623 đô la . Bản dùng thử miễn phí của Dash cũng có sẵn. Xem các phiên bản giá khác nhau bên dưới và xem phiên bản và tính năng nào đáp ứng ngân sách và nhu cầu của bạn.

Là một dấu gạch ngang miễn phí?

Dash là một khóa học trực tuyến miễn phí và thú vị dạy cho bạn kiến ​​thức cơ bản về phát triển web thông qua các dự án bạn có thể thực hiện trong trình duyệt của mình.

Python Dash có phải là mã nguồn mở không?

Dash là một khung nguồn mở để xây dựng giao diện trực quan hóa dữ liệu. Được phát hành vào năm 2017 dưới dạng thư viện Python, nó đã phát triển để bao gồm các triển khai cho R và Julia. 00. 16 Dash giúp các nhà khoa học dữ liệu xây dựng các ứng dụng web phân tích mà không yêu cầu kiến ​​thức phát triển web nâng cao.

Dash có miễn phí cho mục đích thương mại không?

MIỄN PHÍ. KHÔNG CÓ THƯƠNG MẠI . Dash có sẵn miễn phí trên hơn 50 nền tảng bao gồm loa thông minh, ô tô được kết nối, điện thoại di động, TV thông minh, v.v.

Chủ Đề