React Flow - Reactでノード型インタフェースを実装する
ノード同士を連結するインタフェースは色々な場面で使えます。ビジュアルプログラミングであったり、マインドマップのような思考整理、ノーコーディングプラットフォームでも使えるでしょう。 そうしたノードベースのビジュアルインタフェースを作る際に使えるのがReact Flowです。Reactで開発する際に便利でしょう。 React Flowの使い方 デモです。 点線の部分はアニメーションしています。 ノードはドラッグ&ドロップで動かせます。 背景色の変更をノードから行えます。 多くのノードを表示するデモ。 ノード型のUIを作ろうと思うと、表示の制御が大変なイメージがあります。しかしReact Flowを使えば、データ構造さえ与えることで細かな部分を気にせずによくなるでしょう。様々なシステムで使えそうです。 React FlowはTypeScript製のオープンソース・ソフトウェア（MIT Licen
papergraph
Input a (partial) paper title and press enter to search. Prefix your search with id: to search for a Semantic Scholar ID. Prefix with ~ to look for out- instead of in-citations. The first result will become the root node. Double-click a node to make it the root. Try: [ResNet] [BERT] [EfficientNet] [MuZero] [World Models] [~GPT-2] [Lottery] [~Troubling Trends]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
