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の格子上で素数を順次点灯アニメーション。アルゴリズム学習用の可視化デモ。