0

d3.js を使用して、mysql テーブルから関係をグラフ化しようとしています。これは、私が達成しようとしていることを説明するための表の例です。

+----+---------+-------+------+
| id | name    | entry | type |
+----+---------+-------+------+
|  1 | ObjectA | 100   | ID1  |
|  2 | ObjectA | 101   | ID1  |
|  3 | ObjectB | 101   | ID1  |
|  4 | ObjectB | 102   | ID1  |
|  5 | ObjectC | 102   | ID1  |
|  6 | ObjectC | 100   | ID1  |
|  7 | ObjectA | 200   | ID2  |
|  8 | ObjectA | 201   | ID2  |
|  9 | ObjectB | 201   | ID2  |
| 10 | ObjectB | 202   | ID2  |
| 11 | ObjectC | 202   | ID2  |
| 12 | ObjectC | 200   | ID2  |
+----+---------+-------+------+

ObjectA は 101 の ID1 を持ち ObjectB に接続する ID1 は 101
ObjectB は 102 の ID1 を持ち ObjectC に接続する ID1 は 102
ObjectC は 100 の ID1 を持ち ObjectA に接続する 100 の ID1

私の最終的な目標は、ObjectA、ObjectB、ObjectC を、ID1 と ID2 の関係を表す青と赤の線で互いに接続された 3 つの別々の円として表示することです。

これまでのところ、私が読んだビデオやもので広く推奨されているように、テーブルをjsonに出力しています。これにはphpを使用しています。

[
{
    "id": "1",
    "name": "ObjectA",
    "entry": "100",
    "type": "ID1",
},
etc..

そして、それをhtmlファイル内から読み取ります

d3.json(
  "mysql_table_to_json.php?table=objects",
       function (error, json) {
then something..
})

私がまだ理解していない何かの部分..そして、私は自分でphpとpythonのコーディングに慣れているので、javascriptに頭を包むのは本当に難しいと思います。誰かが私に同情して、ハッキングを始めることができる小さな例を作り上げてくれることを本当に本当に本当に望んでいました。

そのため、どのように進めるかについてのアイデアや例は非常に高く評価されます。

4

1 に答える 1