O Python é amplamente usado para análise de dados, aprendizado de máquina, web scraping e muito mais. Mas você sabia que também pode executar código Python em HTML para criar aplicativos da web?
O PyScript torna isso possível, permitindo que você execute o código Python em um navegador. Aprenda como adicionar visualizações matplotlib a uma página da Web com a ajuda de vários exemplos de PyScript-HTML.
O que é PyScript?
PyScript é um framework web de código aberto que permite executar 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 fase de desenvolvimento, mas já possui alguns recursos interessantes. Potencialmente, poderia se tornar uma ferramenta para criar aplicativos web poderosos.
O código usado neste projeto está disponível em um Repositório do GitHub e é gratuito para você usar sob a licença do MIT. Se você quiser dar uma olhada em uma versão ao vivo deste projeto, você pode conferir o gráfico de linha e barplot demonstrações.
Configurar o Caldeirão HTML
Antes de usar o PyScript, você precisa configurar as coisas. Crie um novo arquivo HTML e configure o padrão HTML. A maioria IDEs modernos fornecem a funcionalidade para criar clichês automaticamente. Você só precisa digitar doc ou html e aperte enter. Você também pode usar o seguinte modelo para começar:
<!DOCTYPE html>
<html>
<cabeça>
<metacharset="utf-8">
<meta http-equiv="Compatível com X-UA" conteúdo="IE=borda">
<título></title>
<metanome="Descrição" conteúdo="">
<metanome="janela de exibição" conteúdo="largura=largura do dispositivo, escala inicial=1">
</head>
<corpo>
</body>
</html>
Adicione PyScript ao HTML: "Hello, World!" Usando PyScript
Você pode usar o PyScript em seu arquivo HTML baixando-o ou vinculando seu CDN em seu cabeçalho HTML. Adicione o seguinte no seção do seu arquivo HTML:
<link rel="folha de estilo" href="https://pyscript.net/alpha/pyscript.css" />
<script adiar 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 linha de código no seção:
<corpo>
<script py>imprimir("Olá Mundo!")</py-script>
</body>Abra o arquivo HTML em qualquer navegador da Web e você verá Olá Mundo! impresso lá.
Carregar biblioteca Matplotlib
Você precisa usar o tags para importar módulos Python. Carregue o matplotlib módulo no seção do seu arquivo HTML usando o seguinte snippet:
<py-env>
- matplotlib
</py-env>Exibir um gráfico de linha no navegador usando PyScript
Crie um com um Eu iria. Você vai precisar do Eu iria para usá-lo com resultado atributo do marcação.
<div id="matplotlib-lineplot"></div>Você precisa escrever o código Python no marcação. Atribuir o acima Eu iria para o resultado atributo do marcação.
<saída do script py="matplotlib-lineplot">
# Código Python
</py-script>Agora você está pronto para escrever o código Python para criar um gráfico de linha:
<corpo>
<div id="matplotlib-lineplot"></div>
<saída do script py="matplotlib-lineplot">
# Código Python
# importando a biblioteca matplotlib
importar matplotlib.pyplot Como plt
figo, ax = plt.subplots()
# eixo x
x = ["Pitão", "C++", "JavaScript", "Golang"]
# eixo y
y = [10, 5, 9, 7]
plt.plot (x, y, marcador='o', estilo de linha='-', cor='b')
# Nomeando o rótulo x
plt.xlabel('Linguagem')
# Nomeando o rótulo y
plt.ylabel('Pontuação')
# Nomeando o título do enredo
plt.title('Idioma vs Pontuação')
FIG
</py-script>
</body>
Você obterá a seguinte figura renderizada quando abrir o arquivo HTML no navegador da web:
Exibir um gráfico de barras no navegador usando PyScript
Você pode criar um gráfico de barras no navegador usando o seguinte trecho de Python:
<corpo>
<div id="matplotlib-bar"></div>
<saída do script py="matplotlib-bar">
# Código Python
# importando a biblioteca matplotlib
importar matplotlib.pyplot Como plt
figo, ax = plt.subplots()
# eixo x
x = ["Pitão", "C++", "JavaScript", "Golang"]
# eixo y
y = [10, 5, 9, 7]
plt.bar(x, y)
# Nomeando o rótulo x
plt.xlabel('Linguagem')
# Nomeando o rótulo y
plt.ylabel('Pontuação')
# Nomeando o título do enredo
plt.title('Idioma vs Pontuação')
FIG
</py-script>
</body>
Este código produz a seguinte saída:
Que futuro o PyScript reserva?
Você pode criar painéis e gráficos poderosos em HTML usando bibliotecas PyScript e Python, como 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 futuro, o PyScript pode abrir 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 cientista de dados, pode aproveitar o poder do PyScript combinando-o com bibliotecas de ciência de dados como Pandas e NumPy.
