作者：俊欣
来源：关于数据分析与可视化
最近Python圈子当中出来一个非常火爆的框架PyScript，该框架可以在浏览器中运行Python程序，只需要在HTML程序中添加一些Python代码即可实现。该项目出来之后便引起了轰动，马上蹿升到了Github趋势榜榜首，短短20天已经有10K+的star了。既然如此，小编今天就带大家来看看该框架是如何使用的。
我们先来看一下简单的例子，代码如下
<html> <head> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> </head> <body> <py-script> print('Hello, World!') </py-script> </body> </html>
其中Python代码被包裹在了py-script标签里面，然后我们在浏览器中查看出来的结果，如下所示
下面这一个例子当中，我们尝试将matplotlib绘制图表的代码放置到HTML代码当中去，以实现绘制出一张直方图的操作。首先是matplotlib代码部分，
import matplotlib.pyplot as plt import numpy as np
np.random.seed(42) ## 随机生成满足正态分布的随机数据 rv = np.random.standard_normal(1000)
fig, ax = plt.subplots()
ax.hist(rv, bins=30)
output
然后我们将上面的代码放置到HTML代码当中去，代码如下
<html> <head> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css"/> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-env> - numpy
- matplotlib </py-env> </head> <body> <h1>Plotting a histogram of Standard Normal distribution</h1> <div id="plot"></div> <py-script output="plot"> import matplotlib.pyplot as plt
import numpy as np
np.random.seed(42)
rv = np.random.standard_normal(1000)
fig, ax = plt.subplots()
ax.hist(rv, bins=30)
fig </py-script> </body> </html>
output
由于我们后面需要用到numpy和matplotlib两个库，因此我们通过py-env标签来引进它们，另外
我们在上面的基础之上，再来绘制一张折线图，首先我们再创建一个div标签，里面的id是lineplot，代码如下
<div id="lineplot"></div>
同样地在py-script标签中放置绘制折线图的代码，output对应div标签中的id值
<py-script output="lineplot"> ......... </py-script>
绘制折线图的代码如下
import matplotlib.pyplot as plt fig, ax = plt.subplots() year1 = [2016, 2017, 2018, 2019, 2020] population1 = [30, 46, 45, 55, 48] year2 = [2016, 2017, 2018, 2019, 2020] population2 = [43, 48, 44, 75, 45] plt.plot(year1, population1, marker='o', linestyle='--', color='g', label='Countr_1') plt.plot(year2, population2, marker='d', linestyle='-', color='r', label='Country_2') plt.xlabel('Year') plt.ylabel('Population (M)') plt.title('Year vs Population') plt.legend(loc='lower right') fig
output
现阶段运行带有Pyscript的页面加载速度并不会特别地快，该框架刚刚推出，仍然处于测试的阶段，后面肯定会不断地优化。要是遇到加载速度慢地问题，读者朋友看一下是不是可以通过更换浏览器得以解决。
数据分析咨询请扫描二维码
在当今数据驱动的商业环境中，数据分析师扮演着至关重要的角色。他们帮助企业从大量数据中提取有用的洞察，从而推动决策制定和战 ...
2024-11-07在现代商业环境中，商务数据分析师扮演着至关重要的角色。作为联系业务需求与数据洞察之间的桥梁，数据分析师需要具备一系列技能 ...
2024-11-07在现代商业环境中，商务数据分析师扮演着至关重要的角色。作为联系业务需求与数据洞察之间的桥梁，数据分析师需要具备一系列技能 ...
2024-11-07在现代商业环境中，数据挖掘发挥着至关重要的作用。它不仅帮助企业从庞大的数据集中提取有价值的信息，还为企业的决策和业务运营 ...
2024-11-07数据分析可视化是一种通过图形化方式展现数据的技术，它使复杂的数据变得直观易懂，从而帮助我们更好地做出决策。在这个快速发展 ...
2024-11-07数据分析是一项至关重要的技能，尤其在当今数据驱动的世界中。Python以其强大的库和简单的语法成为了数据分析领域的佼佼者。本文 ...
2024-11-07在现代数据驱动的环境中，数据分析师扮演着至关重要的角色。他们需要掌握多种工具，以满足数据分析、处理和可视化的需求。无论是 ...
2024-11-07作为一名业务分析师，你将发现自己处于企业决策和数据驱动战略之间的桥梁位置。这个角色要求掌握一系列技能，以便有效地将数据转 ...
2024-11-07CDA中科院城市环境研究所（厦门）内训圆满成功 2017年9月12日-15日，CDA数据分析师在中科院城市环境研究所（厦门）进行了 ...
2024-11-07数据分析是现代商业和研究领域不可或缺的重要工具。无论是为了提高业务决策的准确性，还是为了发掘隐藏在数据中的潜在价值，了解 ...
2024-11-06数据分析是一个精细且有序的过程，旨在从海量数据中提取有用的信息，为决策提供有力支持。无论你是新手还是有经验的分析师，理解 ...
2024-11-06在当今竞争激烈的商业环境中，业务分析师（Business Analyst, BA）的角色变得愈加重要。随着企业对数据驱动决策的依赖加深，业务 ...
2024-11-06在现代信息技术的广阔世界中，大数据架构师扮演着至关重要的角色。他们不仅引领着企业的数据战略，还通过技术创新推动业务的不断 ...
2024-11-04在当今数字化时代，数据分析师已成为企业关键角色，帮助决策者通过数据驱动的洞察实现业务目标。成为一名成功的数据分析师，需要 ...
2024-11-03在当今数字化的世界中，数据分析已经成为推动商业决策的关键因素。随着公司和组织越来越依赖数据来驱动业务战略，对数据分析专 ...
2024-11-03《Python数据分析极简入门》 第2节 2 Pandas数据类型 Pandas 有两种自己独有的基本数据结构。需要注意的是，它固然有着两种数据 ...
2024-11-01《Python数据分析极简入门》 第2节 1 Pandas简介 说好开始学Python，怎么到了Pandas？ 前面说过，既然定义为极简入门，我们只抓 ...
2024-10-31在当今数据驱动的世界中，数据科学与工程专业的重要性愈发凸显。无论是推动技术进步，还是在商业决策中提供精准分析，这一专业都 ...
2024-10-30在当今信息爆炸的时代，数据已成为企业决策和战略制定的核心资源。爬虫工程师因此成为数据获取和挖掘的关键角色。本文将详细介绍 ...
2024-10-30在当今数据驱动的世界中，数据分析是揭示商业洞察和推动决策的核心力量。选择合适的数据分析工具对于数据专业人士而言至关重要。 ...
2024-10-30
