Python (Pyodideブラウザ実行)

Python (Pyodideブラウザ実行)に分類されるWeb表現技法6件。Pyodide 対話型 REPL、Pythonで計算しcanvas描画 (リサージュ曲線)、Pythonフラクタル生成 (マンデルブロ集合)、Pythonデータ集計ダッシュボード など。ライブデモとコピーできるコード付き。

中級

Pyodide 対話型 REPL

Pyodideでブラウザ内にPythonランタイムを読み込み、入力した式や文をその場で評価・表示する対話シェル。print出力やエラー、入力履歴(↑↓)にも対応。

中級

Pythonで計算しcanvas描画 (リサージュ曲線)

Python(math)でリサージュ曲線の座標列を計算し、canvasへネオン風にアニメーション描画。スライダーで周波数と位相をリアルタイム操作できる。

上級

Pythonフラクタル生成 (マンデルブロ集合)

Pythonでピクセルごとにマンデルブロ集合を計算し、ImageDataとしてcanvasに着色描画。ボタンで見どころへズーム巡回でき、重い数値計算のブラウザ実行例になる。

中級

Pythonデータ集計ダッシュボード

Python標準のstatisticsでランダム売上データを集計し、合計・平均・中央値・標準偏差をカード表示しつつバーチャート化。データ分析UIの雛形に使える。

上級

Python数式リアルタイム評価グラフ

入力した数式をPython側で許可関数に限定して安全評価し、f(x)の曲線をcanvasに即時描画。マウス追従でx・f(x)を読み取れる関数プロッタ。

初級

Python素数の篩ビジュアライザ

Pythonでエラトステネスの篩を計算し、1〜150の格子上で素数を順次点灯アニメーション。アルゴリズム学習用の可視化デモ。