AwayFrom Graph

埋め込みガイド

記事や教材に貼り付けるための埋め込み手順をまとめています。iframe の使い方と主要パラメータを 簡潔に確認できます。

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を取得できます。

関数の書き方

入力は xy を使った一般的な関数表現です。

  • 明示関数: 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))。

演算子と関数

  • 四則: + - * /
  • べき乗: ^(例: x^3
  • 関数: sin cos tan log ln sqrt abs
  • 定数: pi(円周率) / e

主要パラメータ

キー 内容
f 式(複数は ; 区切り) f=sin(x);x^2+1
color 式ごとの色(複数は , 区切り) color=%235c5be5,%23e2574c
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