福野泰介の一日一創
jigインターン
高専
Internet3
オープンデータ
IchigoJam
鯖江
プログラミング
気持ち良いグラフ編集コンポーネントづくり、まずはシンプルな表示と移動だけ
2021-07-02
#js
#codefor
テーブル編集コンポーネント(HTMLElement)
がコンパクトにうまく仕上がったので、その応用としてグラフ構造のデータをいい感じに表示・編集できるコンポーネントづくりにチャレンジ!
「
input-graphα
」
RDFのspoをイメージして、sとo項目を線で結ぶまでができました。減衰するバネのシミュレーションを使っています。 ふわふわしているものはマススやタッチで動かせます。 ひとまず仮の編集に
input-tableタグ
を使ってみましたがいい感じです。
今は手抜きなので、毎回全部描画しなおしになりますが、input-graph内で編集できるようにする予定です。
株式会社jig.jp 取締役 創業者
/
Code for FUKUI 代表
/
Code for Sabae 代表
/
IchigoJam 発明者
/
デジタル庁 オープンデータ伝道師
/
総務省 地域情報化アドバイザー
/
福井高専 1999年卒 未来戦略アドバイザー
/
PV撮影監督「感謝」
/
Facebook
/
X
/
fukuno@jig.jp
jigインターン
/
エンジニア募集
/
ふわっち
/
IchigoJam
/
オープンデータプラットフォーム
Fri Night
Tweet
本ブログの記事や写真は「
Creative Commons — CC BY 4.0
」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY
福野泰介
- Taisuke Fukuno
/
@taisukef
/
アイコン画像
/
プロフィール画像
/
「一日一創」画像
/
RSS