O Python é amplamente usado para estudo de dados, estágio de máquina, web scraping e muito mais. Mas você sabia que também pode executar código Python em HTML para produzir aplicativos da web?
O PyScript torna isso provável, permitindo que você execute o código Python em um navegador. Aprenda porquê aditar visualizações matplotlib a uma página da Web com a ajuda de vários exemplos de PyScript-HTML.
O que é PyScript?
O PyScript é uma estrutura da Web de código descerrado que permite executar o Python no navegador da Web. Ele integra a interface HTML e o poder do Pyodide, WASM e tecnologias modernas da web. O PyScript está atualmente em período de desenvolvimento, mas já possui alguns recursos interessantes. Potencialmente, poderia se tornar uma instrumento para produzir aplicativos web poderosos.
O código usado neste projeto está disponível em um repositório GitHub e é gratuito para você usar sob a licença MIT. Se você quiser dar uma olhada em uma versão ao vivo deste projeto, você pode conferir as demos lineplot e barplot.
Configurar o Caldeirão HTML
Antes de usar o PyScript, você precisa configurar as coisas. Crie um novo registo HTML e configure o padrão HTML. A maioria dos IDEs modernos oferece a funcionalidade de produzir clichês involuntariamente. Você só precisa digitar doc ou html e aperte enter. Você também pode usar o seguinte protótipo para principiar:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body></body>
</html>
Adicione PyScript ao HTML: “Hello, World!” Usando PyScript
Você pode usar o PyScript em seu registo HTML baixando-o ou vinculando seu CDN em seu cabeçalho HTML. Adicione o seguinte no
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
Isso é tudo que você precisa fazer para configurar o PyScript.
Para verificar se o PyScript foi integrado com sucesso, adicione a seguinte risco de código no
<body>
<py-script>print("Hello, World!")</py-script>
</body>Abra o registo HTML em qualquer navegador da Web e você verá Olá Mundo! impresso lá.
Carregar livraria Matplotlib
Você precisa usar o
<py-env>
- matplotlib
</py-env>Exibir um gráfico de risco no navegador usando PyScript
Crie um
<div id="matplotlib-lineplot"> </div>
Você precisa grafar o código Python no
<py-script output="matplotlib-lineplot">
</py-script>Agora você está pronto para grafar o código Python para produzir um gráfico de risco:
<body>
<div id="matplotlib-lineplot"></div>
<py-script output="matplotlib-lineplot">
import matplotlib.pyplot as plt
fig, ax = plt.subplots()
x = ["Python", "C++", "JavaScript", "Golang"]
y = [10, 5, 9, 7]
plt.plot(x, y, marker='o', linestyle='-', color='b')
plt.xlabel('Language')
plt.ylabel('Score')
plt.title('Language vs Score')
fig
</py-script>
</body>
Você obterá a seguinte figura renderizada quando furar o registo HTML no navegador da web:
Exibir um gráfico de barras no navegador usando PyScript
Você pode produzir um gráfico de barras no navegador usando o seguinte trecho de Python:
<body>
<div id="matplotlib-bar"></div>
<py-script output="matplotlib-bar">
import matplotlib.pyplot as plt
fig, ax = plt.subplots()
x = ["Python", "C++", "JavaScript", "Golang"]
y = [10, 5, 9, 7]
plt.bar(x, y)
plt.xlabel('Language')
plt.ylabel('Score')
plt.title('Language vs Score')
fig
</py-script>
</body>
Levante código produz a seguinte saída:
Que horizonte o PyScript suplente?
Você pode produzir painéis e gráficos poderosos em HTML usando bibliotecas PyScript e Python, porquê Matplotlib, Bokeh, Seaborn e assim por diante. No entanto, você provavelmente deve evitar usá-lo em produção, pois está em desenvolvimento pesado. O software atualmente tem vários problemas, incluindo tempo de carregamento e usabilidade. No horizonte, o PyScript pode furar portas para executar e executar operações Python na web com mais facilidade.
Uma das principais razões para desenvolver o PyScript foi ajudar os cientistas de dados a visualizar dados na web. Se você é um pesquisador de dados, pode aproveitar o poder do PyScript combinando-o com bibliotecas de ciência de dados porquê Pandas e NumPy.
