IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> H2O Wave--一个网站仪表盘项目 -> 正文阅读

[Python知识库]H2O Wave--一个网站仪表盘项目

如果你想建立一个类似网站的网页用来进行数据可视化,那么这个项目可以满足你,可以自己设计自己的网页界面。

下面开始吧,我也是刚开始搞了好久,抱着试一试的态度,成功了,这里分享一下。

:这里需要注意如果在本地IDE运行项目的话,需要首先下载wave客户端,这相当于一个本地服务器,运行之后,然后进入编译器,运行代码,才会出现网页地址

环境准备
用conda创建一个python3.8版本的虚拟环境

conda create -n 环境名 python=3.8 

vs code(IDE软件)
不同环境对应下面下载的包会不同

wave客户端下载
根据自己电脑型号和配置下载对应版本,也可以下载以往的版本
https://wave.h2o.ai/docs/installation
在这里插入图片描述
解压之后得到以下文件,
在这里插入图片描述
最后一个是运行程序,双击得到
在这里插入图片描述
安装h2o_wave库
下载方法(3种)
1.在github网站里下载不同版本的h2o_wave
https://github.com/h2oai/wave/releases
在这里插入图片描述

2.在上面客户端下载界面也有最新版本的下载地址
https://wave.h2o.ai/docs/installation
在这里插入图片描述
然后在IDE里输入

pip install <downloaded-nightly>.whl

3.在激活的虚拟环境中直接用pip下载,这里以vs code为例

pip install h2o_wave

在这里插入图片描述
**注:**前两种方法需要下载到本地项目中,然后再用pip安装,最后一种直接安装完即可

实例运行
这里以一个简单的网页代码演示

from h2o_wave import site, ui

# Access the web page at http://localhost:10101/demo
page = site['/demo']

# Add some content.
page['example'] = ui.markdown_card(
  box='1 1 2 2',
  title='Hello World!',
  content='And now for something completely different.',
)

# Save the page
page.save()

运行之后打开地址http://localhost:10101/demo
可以得到最终的结果
在这里插入图片描述
如果觉得看英文教程自己学的麻烦,网站也有许多例子可以玩耍
这里同样给出步骤
下面是网站给出的安装方法
1.先在虚拟环境里获取例子

wave fetch

在这里插入图片描述
在文件里会出现对应的文件列表
在这里插入图片描述
wave中examples文件中的py文件就是不同示例,可以打开直接编译然后打开链接http://localhost:10101/demo就会得到和上面文本一样的实例,这里选择article.py文件为例,编译运行得到
在这里插入图片描述

如果不想一个一个在本地选择文件进行可视化,也可以在网页里进行选择实例可视化,再按照下面步骤即可

2.cd到wave文件中安装所需要的依赖库进行运行,下面代码依次输入运行即可

cd wave
pip install -r examples/requirements.txt
#首次使用许需要安装上面依赖库,
#后续直接cd wave,然后执行下面代码即可
wave run --no-reload examples.tour

运行完之后得到以下结果
在这里插入图片描述
打开http://localhost:10101/tour链接可以得到,可以在里面选择不同实例,进行可视化,也可以修改编辑。
在这里插入图片描述

好了,文章到这里就结束了,如果你也想设计好看的数据可视化网页就去试试吧😋😋😋

下面是项目链接
github链接
https://github.com/h2oai/wave
使用教程及实例
https://wave.h2o.ai/docs/installation
客户端和安装包下载链接
https://github.com/h2oai/wave/releases

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2022-05-09 12:36:21  更:2022-05-09 12:36:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 15:50:39-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码