iframe の書き方
記事に貼り付ける場合は iframe を使います。下の例のURL部分を置き換えてください。
<iframe src="https://math.away-from.com/ja/graph/embed/?f=sin%28x%29&color=%235c5be5&xmin=-10&xmax=10&ymin=-10&ymax=10&grid=1&theme=light&show_input=1&show_toolbar=1" width="100%" height="420" style="border:0;" loading="lazy"></iframe>
アプリの「埋め込みコピー」から、そのまま使えるiframeを取得できます。
アプリの使い方
まずグラフを作成したい場合は、アプリの使い方ページを確認してください。 アプリの使い方を見る →
関数の書き方
入力は x と y を使った一般的な関数表現です。
- 明示関数:
sin(x)/x^2+2x+1 - 明示関数（y=）:
y=x^2+1 - 陰関数:
x^2+y^2=9 - 不等式（領域）:
y>=x^2-2/x^2+y^2<=4
暗黙の掛け算は自動補完されます（例: 2x / a(x+1)）。
ベクトル場の書き方
ベクトル場は URL パラメータ vf で指定します。形式は U|V です。
vf=-y|xでF(x, y)=(-y, x)vf=y|xでF(x, y)=(y, x)- アプリ側では「ベクトル場」欄の
UとV入力から設定できます
演算子と関数
- 四則:
+-*/ - べき乗:
^（例:x^3） - 関数:
sincostanloglnsqrtabs - 定数:
pi（円周率） /e
主要パラメータ
| キー | 内容 | 例 |
|---|---|---|
f |
式（複数は ; 区切り） |
f=sin(x);x^2+1 |
color |
式ごとの色（複数は , 区切り） |
color=%235c5be5,%23e2574c |
vf |
ベクトル場の成分を U|V 形式で指定 |
vf=-y|x |
vf_color |
ベクトル場の色 | vf_color=%231f7a8c |
vf_density |
ベクトルの配置密度 | vf_density=17 |
vf_scale |
ベクトルの長さ倍率 | vf_scale=0.9 |
vf_normalize |
ベクトル長を正規化（1=オン / 0=オフ） | vf_normalize=0 |
xmin/xmax |
x 軸の表示範囲 | xmin=-10&xmax=10 |
ymin/ymax |
y 軸の表示範囲 | ymin=-10&ymax=10 |
grid |
グリッド表示（1=表示 / 0=非表示） | grid=1 |
theme |
テーマ（light） |
theme=light |
show_input |
式表示の有無（1=表示 / 0=非表示） | show_input=1 |
show_toolbar |
ヘッダー表示の有無（1=表示 / 0=非表示） | show_toolbar=1 |
static |
パン・ズームを無効化（静止画モード） | static=1 |
c |
定数スライダー設定（複数は ;） |
c=a:2:-10:10:0.1;b:0.5:0:5:0.01 |
定数スライダー
c に定数の初期値と範囲を設定します。形式は name:value:min:max:step です。
c=a:2:-10:10:0.1;b:0.5:0:5:0.01
定数に対応する文字は 1 文字のみ（例: a, b）。
具体例
複数の式や色、静止画モードを組み合わせた例です。
https://math.away-from.com/ja/graph/embed/?f=sin(x);x^2+y^2=9;y>=x^2-2&color=%235c5be5,%23e2574c,%2321a179&xmin=-10&xmax=10&ymin=-8&ymax=8&grid=1&show_input=1&show_toolbar=0&static=1&c=a:2:-5:5:0.1
ベクトル場の具体例
回転するベクトル場を埋め込む例です。
https://math.away-from.com/ja/graph/embed/?vf=-y|x&vf_color=%231f7a8c&vf_density=17&vf_scale=0.9&vf_normalize=0&xmin=-5&xmax=5&ymin=-5&ymax=5&grid=1&show_input=1&show_toolbar=0&static=1