Files
pyscript/docs/concepts/what-is-pyscript.md
idanenglander 0d946f853f Embedding video, adding PS tag definitions (#403)
* Embedding video, adding PS tag definitions

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* html -> HTML; add sphinxcontrib.youtube to env.yml

* change place of sphinxcontrib.youtube in env.yml

* one more sphinxcontrib-youtube change

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
2022-05-18 09:03:46 -05:00

1.1 KiB

What is PyScript?

The PyScript library provides HTML tags for embedding and executing Python code in your browser. PyScript is built using Pyodide, the WebAssembly port of CPython, which is compiled using Emscripten.

PyScript turns the browser into a code deployment tool that anyone can learn to use.

Example

In this example, we are using the <py-script> HTML tag to generate a Matplotlib figure and display it as an image. Click Preview to see the rendered HTML.

To try it in your browser, copy the code below into an online HTML editor like W3School's Tryit Editor, which allows you to modify, run, and even save your code. Watch the video below to see it in action!

::::{tab-set} :::{tab-item} HTML Source

---
linenos:

:::

:::{tab-item} Preview

<iframe height="600px" width="100%" scrolling="auto" frameborder="0" src="../_static/examples/what-is-pyscript.html"></iframe>

::: ::::