はてなブログでのグラフの図示のテスト

参考サイトのソースをいくつかコピペしたりして，図が表示されるか試した

ReLu書いてみた

qiita.com で説明されているのをコピペして使うのがやりやすいかな～

数値を直接配列に入れたバージョン

for文使って配列生成

JavaScript，書いたことないんでググりながら書いたけど， とりあえずはOKかな～
ソースは↓こんな感じ～

<div id="relu2"><!-- Plotly chart will be drawn inside this DIV --></div>
<script>
    var x = []
    for (let i = -5.0; i < 5.0; i=i+0.1) {
        x.push(i)
    }
    var y = []
    for (let i = 0; i < x.length; i++) {
        y.push(Math.max(0,x[i]))
    }

    var trace1 = {
      x: x,
      y:y ,
      type: 'scatter'
    };

    var data = [trace1];

    Plotly.newPlot('relu2', data);
</script>
<canvas id="relu2"></canvas>

js示すなら，CodePenってやつを使ったほうがいいかな？

参考サイト

1. 【HTML】数式をグラフ(2D/3D)に表示する【JavaScript】 - Qiita
2. はてなブログにThree.jsで3Dモデルを表示してみる。 - Qiita
3. はてなブログにThree.jsで3Dモデルを表示してみる。 - Qiita
4. plotly.jsでインタラクティブなグラフを描画する - Qiita
5. JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza開発日誌
6. Plotly.js ではじめる簡単グラフ表示（Scatter 編） - Qiita
7. matplotlib使いづらくない？plotlyで可視化しようよ - MATHGRAM
8. three.jsで関数のグラフを描画 - メモの穴
9. 【plotly.js】メニューバーを削除するオプション - TECHDRIFT
10. D3.js - Data-Driven Documents
11. JSグラフライブラリNVD3.jsを使ってはてなブログにハイセンスな株価チャートを表示させる方法 - サラリーマン休日副業で月10万円以上目指すページ

Javascript書くのに参考にしたサイト

• JavaScriptでランダムな配列を作成する - suzu6
• JavaScriptでMathオブジェクトを使う方法【初心者向け】 | TechAcademyマガジン
• JavaScriptでfor文を使ってループ処理する方法【初心者向け】 | TechAcademyマガジン
• JavaScriptで書く「let,var,const」の違い・使い分け | TechAcademyマガジン
• new Array()と[]の違い - Qiita
• 【JavaScript入門】lengthで文字列や配列の長さを取得する方法 | 侍エンジニア塾ブログ（Samurai Blog） - プログラミング入門者向けサイト