ブラウザで手軽にできる3Dグラフ作成と曲面描画
3D曲面プロッターは、z=f(x,y)形式の2変数関数を入力するだけで、ブラウザ上にリアルタイムで3D曲面グラフを描画するツールです。Excelのようなデータ表の作成やPythonなどの環境構築、会員登録は一切不要です。マウス操作やタッチ操作でグラフを自由に回転・拡大縮小して構造を確認できます。
2変数関数 z=f(x,y) の数式を入力するだけで、回転やズームが可能な3D曲面グラフを即座に描画します。定義域の調整やメッシュ解像度の変更も自由に行えます。
数式を入力して3D曲面グラフを描画してみましょう。
3D曲面プロッターを使う →3Dグラフ作成の手順と使い方
本ツールではプロットボタンを押す手間がなく、数式を入力した瞬間に3D曲面が更新されます。
- 数式入力欄に
xとyを含んだ2変数関数（例:sin(x)*cos(y)やx^2 - y^2）を入力します。 - スマートフォンでの操作時は、サドル面や同心円状の波などの「サンプル数式チップ（プリセット）」をタップすることで、ワンタップで数式を入力できます。
- 描画されたグラフ上をドラッグして全方位から観察し、スクロールやピンチ操作でズームイン・ズームアウトを行います。
3Dグラフ描画の回転・ズームと視点固定
本ツールはWebGLを利用した動的な3Dキャンバスです。グラフ上をドラッグすることでカメラが周回し、立体的な形状を真上や横から直感的に確認できます。PCのマウスホイールやスマホの2本指ピンチ操作により、スムーズな拡大・縮小が可能です。
画面をダブルクリックまたはダブルタップすると、視点が初期状態にリセットされます。数式を書き換えてもカメラの表示角度が維持されるため、同じ視点から複数の関数形状を比較・検証できます。
定義域（X/Y軸の範囲）とメッシュ解像度の設定
「Grid settings」パネルを開くことで、表示領域や描画の細密さを柔軟に調整できます。
- X/Y軸の範囲（定義域）: 各軸の最小値と最大値を指定します。原点付近の挙動を詳しく分析したい場合は範囲を絞り、大まかな構造を確認したい場合は範囲を広げます。
- グリッド解像度（刻み数）: 20×20から80×80までのメッシュ密度を設定できます。解像度を上げるほど曲面が滑らかに描画されます。
「Reset to defaults」ボタンをクリックすると、範囲は −5…5、解像度は 50×50 のデフォルト設定にいつでも戻せます。
対応している数式演算子と入力ルール
標準的な数学演算子に対応しています。乗算には *、累乗には ^ を使用してください。三角関数（sin, cos, tan）の引数は度数法ではなくラジアン（radians）単位で計算されます。
0での割り算や負の数の平方根（sqrt()）といった未定義点（定義域外）が発生した場合でも、エラーで処理が停止することはありません。該当するサンプル点は3Dメッシュ上で自動的に空白（欠損部分）として処理されます。
ExcelやPython不要で完結する3Dグラフ計算機
Excelで曲面グラフを作成するには格子状のX×Yデータ表を用意する必要があり、Python（Matplotlib等）を使う場合はプログラムの記述やライブラリの環境構築が必要です。
本ツールはブラウザのみで動作する完全ローカル処理の3Dグラフ計算機です。入力した数式やデータが外部サーバーへ送信されることはないため、学校の課題や研究、業務における簡易的な可視化ツールとして安全に利用できます。
よくある質問
ブラウザで手軽に3D曲面グラフを描画するにはどうすればいいですか？
数式入力欄に z=f(x,y) 形式の関数（例: sin(x)*cos(y)）を入力するだけで、即座に3D曲面描画が行われます。特別な設定や描画ボタンのクリックは不要で、入力変更と同時に自動でグラフが更新されます。
z=f(x,y) のような2変数関数のグラフを無料で描けるツールはありますか？
本ツールは、2変数関数 z=f(x,y) を無料で3Dグラフ作成できるオンラインツールです。ブラウザ上で動作するため、ソフトウェアの購入やインストールを行わずに利用できます。
スマホやPCで3Dグラフを回転・ズーム（拡大縮小）する操作方法は？
グラフ上をドラッグすると3D曲面を全方位から回転して観察できます。ズーム操作は、PCではマウスホイール、スマホやタブレットでは2本指のピンチイン・ピンチアウトで行えます。
三角関数や累乗などの数式はどのように入力すればよいですか？
掛け算には「*」、累乗には「^」、平方根には「sqrt()」を使用します。三角関数（sin, cos, tan）の角度指定はラジアン単位となるため、必要に応じて pi 定数と組み合わせて入力してください。
X軸・Y軸の表示範囲やグリッドの解像度（刻み数）を変更できますか？
「Grid settings」パネルからX軸・Y軸の最小値・最大値およびグリッド解像度（20×20〜80×80）を変更できます。表示範囲を広げて全体像を確認したり、解像度を上げて曲面を滑らかに表現したりすることが可能です。
0での割り算や負の数のルートなど、定義域外の数値はどう描画されますか？
0除算や負の数の平方根など、数学的に未定義となる点はグラフ上で空白（欠損部分）として処理されます。描画エラーでツールが停止することなく、連続しない領域も正しく可視化されます。
3Dグラフの表示角度や拡大率を初期状態にリセットする方法は？
グラフ上をダブルクリックまたはダブルタップすることで、カメラの視点角度と拡大率が初期状態に戻ります。回転しすぎて見失った場合でもすぐに元の表示位置へ復帰可能です。
利用にあたって会員登録やアプリのインストール、データの送信は必要ですか？
インストールや会員登録、ログイン等は一切不要です。入力された数式の解析および3D描画処理はすべてお使いのブラウザ内部（ローカル）で行われるため、データがサーバーに送信されることもありません。
