mateusmb/pyscript-hello.html

## pyscript-hello.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>Pyscript + Matplotlib</h1>
    <div id="plot"></div>
    <py-script output="plot">

import matplotlib.pyplot as plt
from mpl_toolkits import mplot3d
import numpy as np

np.random.seed(3)
x = np.random.random(100)
y = np.random.random(100)
z = np.random.random(100)

fig = plt.figure(figsize=(9,6))
ax = plt.axes(projection='3d')
ax = ax.scatter3D(x, y, z, color='purple')
fig

    </py-script>
  </body>
</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>Pyscript + Matplotlib</h1>
	<div id="plot"></div>
	<py-script output="plot">

	import matplotlib.pyplot as plt
	from mpl_toolkits import mplot3d
	import numpy as np

	np.random.seed(3)
	x = np.random.random(100)
	y = np.random.random(100)
	z = np.random.random(100)

	fig = plt.figure(figsize=(9,6))
	ax = plt.axes(projection='3d')
	ax = ax.scatter3D(x, y, z, color='purple')
	fig

	</py-script>
	</body>
	</html>