Python

LiveCodes can run Python in the browser using Brython, a Python 3 implementation for client-side web programming.

Note

Brython is a light-weight Python interpreter written in JavaScript. However, It does not allow loading external packages from PyPI.

If you need to import external packages including scientific Python packages like numpy, pandas, scipy, matplotlib, and scikit-learn, you may want to use Python (Wasm), which uses Pyodide the CPython port to WebAssembly.

Usage

LiveCodes runs Python code in the browser. There is no server required to run the code and no need to install Python.

In addition, since the Python code is running on the client-side, it has access to the JavaScript scope, including the page DOM and browser APIs. See the starter template for an example.

Standard Library

Many modules of the Python standard library are functional. See Brython distribution for details.

JavaScript Interoperability

Interaction with the page DOM and JavaScript can be achieved using browser and javascript modules. See this guide for using the DOM API.

Check the starter template for an example.

Language Info

Name

python

Extensions

.py

Editor

script

Compiler

Brython

Version

Brython v3.12.3, running Python v3.12

Code Formatting

Not supported.

Example Usage

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "template": "python"
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "python"
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "python"
};
  return (<LiveCodes {...options}></LiveCodes>);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "python"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import { onMount } from 'svelte';
import { createPlayground } from 'livecodes';

const options = {
  "template": "python"
};
let container;
onMount(() => {
  createPlayground(container, options);
});
</script>

<div bind:this="{container}"></div>

Starter Template

https://livecodes.io/?template=python

Links

• Python
• Brython
• Python (Wasm) in LiveCodes