作者：俊欣
来源：关于数据分析与可视化
最近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的页面加载速度并不会特别地快，该框架刚刚推出，仍然处于测试的阶段，后面肯定会不断地优化。要是遇到加载速度慢地问题，读者朋友看一下是不是可以通过更换浏览器得以解决。
数据分析咨询请扫描二维码
在准备数据分析师面试时，掌握高频考题及其解答是应对面试的关键。为了帮助大家轻松上岸，以下是10个高频考题及其详细解析，外加 ...
2024-12-20互联网数据分析师是一个热门且综合性的职业，他们通过数据挖掘和分析，为企业的业务决策和运营优化提供强有力的支持。尤其在如今 ...
2024-12-20在现代商业环境中，数据分析师是不可或缺的角色。他们的工作不仅仅是对数据进行深入分析，更是协助企业从复杂的数据信息中提炼出 ...
2024-12-20随着大数据时代的到来，数据驱动的决策方式开始受到越来越多企业的青睐。近年来，数据分析在人力资源管理中正在扮演着至关重要的 ...
2024-12-20在数据分析的世界里，表面上的技术操作只是“入门票”，而真正的高手则需要打破一些“看不见的墙”。这些“隐形天花板”限制了数 ...
2024-12-19在数据分析领域，尽管行业前景广阔、岗位需求旺盛，但实际的工作难度却远超很多人的想象。很多新手初入数据分析岗位时，常常被各 ...
2024-12-19入门数据分析，许多人都会感到“难”，但这“难”究竟难在哪儿？对于新手而言，往往不是技术不行，而是思维方式、业务理解和实践 ...
2024-12-19在如今的行业动荡背景下，数据分析师的职业前景虽然面临一些挑战，但也充满了许多新的机会。随着技术的不断发展和多领域需求的提 ...
2024-12-19在信息爆炸的时代，数据分析师如同探险家，在浩瀚的数据海洋中寻觅有价值的宝藏。这不仅需要技术上的过硬实力，还需要一种艺术家 ...
2024-12-19在当今信息化社会，大数据已成为各行各业不可或缺的宝贵资源。大数据专业应运而生，旨在培养具备扎实理论基础和实践能力，能够应 ...
2024-12-19阿里P8、P9失业都找不到工作？是我们孤陋寡闻还是世界真的已经“癫”成这样了？ 案例一：本硕都是 985，所学的专业也是当红专业 ...
2024-12-19CDA持证人Louis CDA持证人基本情况 我大学是在一个二线城市的一所普通二本院校读的，专业是旅游管理，非计算机非统计学。毕业之 ...
2024-12-18最近，知乎上有个很火的话题：“一个人为何会陷入社会底层”？ 有人说，这个世界上只有一个分水岭，就是“羊水”；还有人说，一 ...
2024-12-18在这个数据驱动的时代，数据分析师的技能需求快速增长。掌握适当的编程语言不仅能增强分析能力，还能帮助分析师从海量数据中提取 ...
2024-12-17在当今信息爆炸的时代，数据分析已经成为许多行业中不可或缺的一部分。想要在这个领域脱颖而出，除了热情和毅力外，你还需要掌握 ...
2024-12-17数据分析，是一项通过科学方法处理数据以获取洞察并支持决策的艺术。无论是在商业环境中提升业绩，还是在科研领域推动创新，数据 ...
2024-12-17在数据分析领域，图表是我们表达数据故事的重要工具。它们不仅让数据变得更加直观，也帮助我们更好地理解数据中的趋势和模式。相 ...
2024-12-16在当今社会，我们身处着一个飞速发展、变化迅猛的时代。不同行业在科技进步、市场需求和政策支持的推动下蓬勃发展，呈现出令人瞩 ...
2024-12-16在现代商业世界中，数据分析师扮演着至关重要的角色。他们通过解析海量数据，为企业战略决策提供有力支持。要有效完成这项任务， ...
2024-12-16在当今数据爆炸的时代，数据分析师是组织中不可或缺的导航者。他们通过从大量数据中提取可操作的洞察力，帮助企业在竞争激烈的市 ...
2024-12-16
