ユーザーがデータをプロット/グラフ化する

数学について話す際のインラインLaTeXや、図を作成するためのMermaidのサポートは非常に気に入っていますが、私が欠けていると感じているのは、少量のデータを取得してx/yプロットを作成する機能です。スプレッドシートにドロップしてpngをエクスポートするのは面倒です。しかし、Mermaidテーマコンポーネントのソースを少し見つめた後、plotly.js用のテーマコンポーネントを作成することに成功しました。それはここにあります。

有効にすると、次のように散布図を作成できます。

```plotly
data:
  - x: [0,300,400]
    y: [0,950,1050]
    name: Old mempool
  - x: [0,200,400]
    y: [0,700, 1150]
    name: New mempool
layout:
  title: Test plot
```

次のような画像が得られます。

または、おそらく、他の種類のチャートをplotly.jsにデータ/レイアウト値を渡すことで作成できます。

特に良い点は、プロットはデフォルトでインタラクティブであるため、ホバーして実際のポイントの値を確認したり、ズームイン/ズームアウトしたり、pngを保存したりできることです。そしてもちろん、生のデータも投稿ソースにあります。

まだライブ展開していないため、テスト環境では機能するように見えるとしか言えませんが、早期に共有したかったのは、特に誰かが私の代わりにメンテナンスを引き継ぎたい場合に役立つかもしれないからです。 :slight_smile: (また、私が単に見逃しているだけで、これを行うより良い方法があれば、これにさらに時間を無駄にする前に知りたいです…)

(最小化されたplotly jsは4MBを超えているため、機能させるには「最大添付ファイルサイズ」設定を5mに引き上げる必要があると思いますか?)

「いいね!」 9

これは素晴らしいですね。よくできました!

本番環境で実行する準備ができたら、Theme component カテゴリに投稿してください。Mermaid コンポーネントと並べて表示できるのを楽しみにしています。(同様のことを行う Graphviz プラグイン もあります。)

また、Plotly には活発なコミュニティがあるので、このことも彼らに知らせると喜ばれるでしょう。

「いいね!」 6