Charts · Fields & networks
NetworkChart
A node-link graph. Family: Fields & networks · chart 60 of 60.
| node | group | degree | weight |
|---|---|---|---|
| Archive 1 | Archive | 3 | |
| Archive 2 | Archive | 9 | |
| Archive 3 | Archive | 5 | |
| Archive 4 | Archive | 8 | |
| Archive 5 | Archive | 5 | |
| Archive 6 | Archive | 6 | |
| Archive 7 | Archive | 6 | |
| Archive 8 | Archive | 3 | |
| Archive 9 | Archive | 5 | |
| Archive 10 | Archive | 6 | |
| Studio 1 | Studio | 3 | |
| Studio 2 | Studio | 4 | |
| Studio 3 | Studio | 3 | |
| Studio 4 | Studio | 3 | |
| Studio 5 | Studio | 7 | |
| Studio 6 | Studio | 4 | |
| Studio 7 | Studio | 4 | |
| Studio 8 | Studio | 4 | |
| Studio 9 | Studio | 6 | |
| Studio 10 | Studio | 3 | |
| Lab 1 | Lab | 5 | |
| Lab 2 | Lab | 5 | |
| Lab 3 | Lab | 1 | |
| Lab 4 | Lab | 2 | |
| Lab 5 | Lab | 2 | |
| Lab 6 | Lab | 4 | |
| Lab 7 | Lab | 2 | |
| Lab 8 | Lab | 4 | |
| Lab 9 | Lab | 4 | |
| Lab 10 | Lab | 2 | |
| Press 1 | Press | 6 | |
| Press 2 | Press | 4 | |
| Press 3 | Press | 10 | |
| Press 4 | Press | 6 | |
| Press 5 | Press | 1 | |
| Press 6 | Press | 5 | |
| Press 7 | Press | 6 | |
| Press 8 | Press | 7 | |
| Press 9 | Press | 3 | |
| Press 10 | Press | 4 | |
| Studio 5 – Studio 2 | 5 | ||
| Press 10 – Archive 6 | 1 | ||
| Press 1 – Press 7 | 5 | ||
| Studio 6 – Studio 4 | 1 | ||
| Press 3 – Lab 6 | 1 | ||
| Studio 8 – Studio 5 | 5 | ||
| Archive 5 – Archive 7 | 2 | ||
| Press 2 – Press 1 | 3 | ||
| Archive 4 – Archive 2 | 5 | ||
| Lab 8 – Studio 8 | 2 | ||
| Archive 4 – Archive 1 | 1 | ||
| Press 3 – Studio 9 | 5 | ||
| Lab 1 – Studio 5 | 5 | ||
| Studio 7 – Studio 9 | 4 | ||
| Press 1 – Press 4 | 5 | ||
| Archive 2 – Archive 9 | 1 | ||
| Archive 3 – Archive 5 | 2 | ||
| Press 10 – Press 8 | 3 | ||
| Press 4 – Archive 10 | 1 | ||
| Press 4 – Press 10 | 2 | ||
| Lab 10 – Studio 9 | 4 | ||
| Lab 6 – Lab 2 | 4 | ||
| Archive 1 – Studio 3 | 4 | ||
| Lab 9 – Lab 2 | 2 | ||
| Press 3 – Press 6 | 2 | ||
| Press 6 – Press 1 | 4 | ||
| Studio 8 – Studio 2 | 4 | ||
| Archive 9 – Archive 8 | 3 | ||
| Lab 2 – Lab 1 | 3 | ||
| Archive 3 – Studio 10 | 3 | ||
| Press 9 – Press 2 | 3 | ||
| Press 4 – Press 7 | 1 | ||
| Studio 6 – Studio 5 | 4 | ||
| Studio 3 – Studio 5 | 5 | ||
| Archive 10 – Archive 4 | 3 | ||
| Studio 1 – Studio 9 | 1 | ||
| Archive 2 – Archive 7 | 3 | ||
| Studio 8 – Studio 9 | 4 | ||
| Archive 6 – Archive 4 | 1 | ||
| Press 3 – Press 1 | 2 | ||
| Studio 7 – Studio 5 | 4 | ||
| Archive 2 – Archive 5 | 1 | ||
| Press 8 – Press 1 | 4 | ||
| Archive 2 – Archive 1 | 2 | ||
| Studio 6 – Studio 7 | 5 | ||
| Archive 4 – Press 8 | 3 | ||
| Studio 4 – Studio 1 | 1 | ||
| Press 3 – Archive 10 | 2 | ||
| Archive 3 – Archive 6 | 1 | ||
| Studio 1 – Studio 2 | 4 | ||
| Archive 5 – Archive 10 | 4 | ||
| Lab 7 – Lab 4 | 1 | ||
| Archive 4 – Archive 5 | 2 | ||
| Archive 7 – Studio 4 | 3 | ||
| Press 7 – Lab 8 | 3 | ||
| Press 2 – Press 3 | 3 | ||
| Lab 9 – Lab 4 | 5 | ||
| Press 8 – Archive 6 | 1 | ||
| Lab 6 – Lab 9 | 2 | ||
| Press 9 – Press 8 | 3 | ||
| Studio 10 – Lab 5 | 3 | ||
| Press 8 – Press 3 | 3 | ||
| Studio 9 – Studio 10 | 4 | ||
| Lab 1 – Lab 3 | 5 | ||
| Archive 3 – Archive 2 | 4 | ||
| Lab 6 – Lab 5 | 3 | ||
| Lab 2 – Studio 7 | 2 | ||
| Archive 8 – Archive 4 | 1 | ||
| Press 4 – Archive 3 | 2 | ||
| Lab 8 – Archive 7 | 4 | ||
| Press 5 – Press 3 | 5 | ||
| Press 6 – Press 9 | 2 | ||
| Press 7 – Press 10 | 3 | ||
| Archive 6 – Archive 2 | 4 | ||
| Archive 9 – Archive 4 | 1 | ||
| Lab 1 – Archive 10 | 1 | ||
| Press 8 – Press 6 | 4 | ||
| Archive 2 – Archive 10 | 5 | ||
| Lab 2 – Lab 10 | 5 | ||
| Archive 8 – Archive 7 | 2 | ||
| Press 3 – Studio 6 | 2 | ||
| Press 4 – Press 6 | 3 | ||
| Lab 8 – Studio 5 | 4 | ||
| Studio 2 – Studio 3 | 3 | ||
| Lab 9 – Lab 1 | 4 | ||
| Archive 9 – Archive 6 | 5 | ||
| Press 7 – Press 3 | 2 | ||
| Press 7 – Press 2 | 1 | ||
| Archive 7 – Archive 9 | 5 | ||
| Lab 7 – Archive 2 | 4 |
| node | group | degree | weight |
|---|---|---|---|
| Archive 1 | Archive | 3 | |
| Archive 2 | Archive | 9 | |
| Archive 3 | Archive | 5 | |
| Archive 4 | Archive | 8 | |
| Archive 5 | Archive | 5 | |
| Archive 6 | Archive | 6 | |
| Archive 7 | Archive | 6 | |
| Archive 8 | Archive | 3 | |
| Archive 9 | Archive | 5 | |
| Archive 10 | Archive | 6 | |
| Studio 1 | Studio | 3 | |
| Studio 2 | Studio | 4 | |
| Studio 3 | Studio | 3 | |
| Studio 4 | Studio | 3 | |
| Studio 5 | Studio | 7 | |
| Studio 6 | Studio | 4 | |
| Studio 7 | Studio | 4 | |
| Studio 8 | Studio | 4 | |
| Studio 9 | Studio | 6 | |
| Studio 10 | Studio | 3 | |
| Lab 1 | Lab | 5 | |
| Lab 2 | Lab | 5 | |
| Lab 3 | Lab | 1 | |
| Lab 4 | Lab | 2 | |
| Lab 5 | Lab | 2 | |
| Lab 6 | Lab | 4 | |
| Lab 7 | Lab | 2 | |
| Lab 8 | Lab | 4 | |
| Lab 9 | Lab | 4 | |
| Lab 10 | Lab | 2 | |
| Press 1 | Press | 6 | |
| Press 2 | Press | 4 | |
| Press 3 | Press | 10 | |
| Press 4 | Press | 6 | |
| Press 5 | Press | 1 | |
| Press 6 | Press | 5 | |
| Press 7 | Press | 6 | |
| Press 8 | Press | 7 | |
| Press 9 | Press | 3 | |
| Press 10 | Press | 4 | |
| Studio 5 – Studio 2 | 5 | ||
| Press 10 – Archive 6 | 1 | ||
| Press 1 – Press 7 | 5 | ||
| Studio 6 – Studio 4 | 1 | ||
| Press 3 – Lab 6 | 1 | ||
| Studio 8 – Studio 5 | 5 | ||
| Archive 5 – Archive 7 | 2 | ||
| Press 2 – Press 1 | 3 | ||
| Archive 4 – Archive 2 | 5 | ||
| Lab 8 – Studio 8 | 2 | ||
| Archive 4 – Archive 1 | 1 | ||
| Press 3 – Studio 9 | 5 | ||
| Lab 1 – Studio 5 | 5 | ||
| Studio 7 – Studio 9 | 4 | ||
| Press 1 – Press 4 | 5 | ||
| Archive 2 – Archive 9 | 1 | ||
| Archive 3 – Archive 5 | 2 | ||
| Press 10 – Press 8 | 3 | ||
| Press 4 – Archive 10 | 1 | ||
| Press 4 – Press 10 | 2 | ||
| Lab 10 – Studio 9 | 4 | ||
| Lab 6 – Lab 2 | 4 | ||
| Archive 1 – Studio 3 | 4 | ||
| Lab 9 – Lab 2 | 2 | ||
| Press 3 – Press 6 | 2 | ||
| Press 6 – Press 1 | 4 | ||
| Studio 8 – Studio 2 | 4 | ||
| Archive 9 – Archive 8 | 3 | ||
| Lab 2 – Lab 1 | 3 | ||
| Archive 3 – Studio 10 | 3 | ||
| Press 9 – Press 2 | 3 | ||
| Press 4 – Press 7 | 1 | ||
| Studio 6 – Studio 5 | 4 | ||
| Studio 3 – Studio 5 | 5 | ||
| Archive 10 – Archive 4 | 3 | ||
| Studio 1 – Studio 9 | 1 | ||
| Archive 2 – Archive 7 | 3 | ||
| Studio 8 – Studio 9 | 4 | ||
| Archive 6 – Archive 4 | 1 | ||
| Press 3 – Press 1 | 2 | ||
| Studio 7 – Studio 5 | 4 | ||
| Archive 2 – Archive 5 | 1 | ||
| Press 8 – Press 1 | 4 | ||
| Archive 2 – Archive 1 | 2 | ||
| Studio 6 – Studio 7 | 5 | ||
| Archive 4 – Press 8 | 3 | ||
| Studio 4 – Studio 1 | 1 | ||
| Press 3 – Archive 10 | 2 | ||
| Archive 3 – Archive 6 | 1 | ||
| Studio 1 – Studio 2 | 4 | ||
| Archive 5 – Archive 10 | 4 | ||
| Lab 7 – Lab 4 | 1 | ||
| Archive 4 – Archive 5 | 2 | ||
| Archive 7 – Studio 4 | 3 | ||
| Press 7 – Lab 8 | 3 | ||
| Press 2 – Press 3 | 3 | ||
| Lab 9 – Lab 4 | 5 | ||
| Press 8 – Archive 6 | 1 | ||
| Lab 6 – Lab 9 | 2 | ||
| Press 9 – Press 8 | 3 | ||
| Studio 10 – Lab 5 | 3 | ||
| Press 8 – Press 3 | 3 | ||
| Studio 9 – Studio 10 | 4 | ||
| Lab 1 – Lab 3 | 5 | ||
| Archive 3 – Archive 2 | 4 | ||
| Lab 6 – Lab 5 | 3 | ||
| Lab 2 – Studio 7 | 2 | ||
| Archive 8 – Archive 4 | 1 | ||
| Press 4 – Archive 3 | 2 | ||
| Lab 8 – Archive 7 | 4 | ||
| Press 5 – Press 3 | 5 | ||
| Press 6 – Press 9 | 2 | ||
| Press 7 – Press 10 | 3 | ||
| Archive 6 – Archive 2 | 4 | ||
| Archive 9 – Archive 4 | 1 | ||
| Lab 1 – Archive 10 | 1 | ||
| Press 8 – Press 6 | 4 | ||
| Archive 2 – Archive 10 | 5 | ||
| Lab 2 – Lab 10 | 5 | ||
| Archive 8 – Archive 7 | 2 | ||
| Press 3 – Studio 6 | 2 | ||
| Press 4 – Press 6 | 3 | ||
| Lab 8 – Studio 5 | 4 | ||
| Studio 2 – Studio 3 | 3 | ||
| Lab 9 – Lab 1 | 4 | ||
| Archive 9 – Archive 6 | 5 | ||
| Press 7 – Press 3 | 2 | ||
| Press 7 – Press 2 | 1 | ||
| Archive 7 – Archive 9 | 5 | ||
| Lab 7 – Archive 2 | 4 |
| node | group | degree | weight |
|---|---|---|---|
| Archive 1 | Archive | 3 | |
| Archive 2 | Archive | 9 | |
| Archive 3 | Archive | 5 | |
| Archive 4 | Archive | 8 | |
| Archive 5 | Archive | 5 | |
| Archive 6 | Archive | 6 | |
| Archive 7 | Archive | 6 | |
| Archive 8 | Archive | 3 | |
| Archive 9 | Archive | 5 | |
| Archive 10 | Archive | 6 | |
| Studio 1 | Studio | 3 | |
| Studio 2 | Studio | 4 | |
| Studio 3 | Studio | 3 | |
| Studio 4 | Studio | 3 | |
| Studio 5 | Studio | 7 | |
| Studio 6 | Studio | 4 | |
| Studio 7 | Studio | 4 | |
| Studio 8 | Studio | 4 | |
| Studio 9 | Studio | 6 | |
| Studio 10 | Studio | 3 | |
| Lab 1 | Lab | 5 | |
| Lab 2 | Lab | 5 | |
| Lab 3 | Lab | 1 | |
| Lab 4 | Lab | 2 | |
| Lab 5 | Lab | 2 | |
| Lab 6 | Lab | 4 | |
| Lab 7 | Lab | 2 | |
| Lab 8 | Lab | 4 | |
| Lab 9 | Lab | 4 | |
| Lab 10 | Lab | 2 | |
| Press 1 | Press | 6 | |
| Press 2 | Press | 4 | |
| Press 3 | Press | 10 | |
| Press 4 | Press | 6 | |
| Press 5 | Press | 1 | |
| Press 6 | Press | 5 | |
| Press 7 | Press | 6 | |
| Press 8 | Press | 7 | |
| Press 9 | Press | 3 | |
| Press 10 | Press | 4 | |
| Studio 5 – Studio 2 | 5 | ||
| Press 10 – Archive 6 | 1 | ||
| Press 1 – Press 7 | 5 | ||
| Studio 6 – Studio 4 | 1 | ||
| Press 3 – Lab 6 | 1 | ||
| Studio 8 – Studio 5 | 5 | ||
| Archive 5 – Archive 7 | 2 | ||
| Press 2 – Press 1 | 3 | ||
| Archive 4 – Archive 2 | 5 | ||
| Lab 8 – Studio 8 | 2 | ||
| Archive 4 – Archive 1 | 1 | ||
| Press 3 – Studio 9 | 5 | ||
| Lab 1 – Studio 5 | 5 | ||
| Studio 7 – Studio 9 | 4 | ||
| Press 1 – Press 4 | 5 | ||
| Archive 2 – Archive 9 | 1 | ||
| Archive 3 – Archive 5 | 2 | ||
| Press 10 – Press 8 | 3 | ||
| Press 4 – Archive 10 | 1 | ||
| Press 4 – Press 10 | 2 | ||
| Lab 10 – Studio 9 | 4 | ||
| Lab 6 – Lab 2 | 4 | ||
| Archive 1 – Studio 3 | 4 | ||
| Lab 9 – Lab 2 | 2 | ||
| Press 3 – Press 6 | 2 | ||
| Press 6 – Press 1 | 4 | ||
| Studio 8 – Studio 2 | 4 | ||
| Archive 9 – Archive 8 | 3 | ||
| Lab 2 – Lab 1 | 3 | ||
| Archive 3 – Studio 10 | 3 | ||
| Press 9 – Press 2 | 3 | ||
| Press 4 – Press 7 | 1 | ||
| Studio 6 – Studio 5 | 4 | ||
| Studio 3 – Studio 5 | 5 | ||
| Archive 10 – Archive 4 | 3 | ||
| Studio 1 – Studio 9 | 1 | ||
| Archive 2 – Archive 7 | 3 | ||
| Studio 8 – Studio 9 | 4 | ||
| Archive 6 – Archive 4 | 1 | ||
| Press 3 – Press 1 | 2 | ||
| Studio 7 – Studio 5 | 4 | ||
| Archive 2 – Archive 5 | 1 | ||
| Press 8 – Press 1 | 4 | ||
| Archive 2 – Archive 1 | 2 | ||
| Studio 6 – Studio 7 | 5 | ||
| Archive 4 – Press 8 | 3 | ||
| Studio 4 – Studio 1 | 1 | ||
| Press 3 – Archive 10 | 2 | ||
| Archive 3 – Archive 6 | 1 | ||
| Studio 1 – Studio 2 | 4 | ||
| Archive 5 – Archive 10 | 4 | ||
| Lab 7 – Lab 4 | 1 | ||
| Archive 4 – Archive 5 | 2 | ||
| Archive 7 – Studio 4 | 3 | ||
| Press 7 – Lab 8 | 3 | ||
| Press 2 – Press 3 | 3 | ||
| Lab 9 – Lab 4 | 5 | ||
| Press 8 – Archive 6 | 1 | ||
| Lab 6 – Lab 9 | 2 | ||
| Press 9 – Press 8 | 3 | ||
| Studio 10 – Lab 5 | 3 | ||
| Press 8 – Press 3 | 3 | ||
| Studio 9 – Studio 10 | 4 | ||
| Lab 1 – Lab 3 | 5 | ||
| Archive 3 – Archive 2 | 4 | ||
| Lab 6 – Lab 5 | 3 | ||
| Lab 2 – Studio 7 | 2 | ||
| Archive 8 – Archive 4 | 1 | ||
| Press 4 – Archive 3 | 2 | ||
| Lab 8 – Archive 7 | 4 | ||
| Press 5 – Press 3 | 5 | ||
| Press 6 – Press 9 | 2 | ||
| Press 7 – Press 10 | 3 | ||
| Archive 6 – Archive 2 | 4 | ||
| Archive 9 – Archive 4 | 1 | ||
| Lab 1 – Archive 10 | 1 | ||
| Press 8 – Press 6 | 4 | ||
| Archive 2 – Archive 10 | 5 | ||
| Lab 2 – Lab 10 | 5 | ||
| Archive 8 – Archive 7 | 2 | ||
| Press 3 – Studio 6 | 2 | ||
| Press 4 – Press 6 | 3 | ||
| Lab 8 – Studio 5 | 4 | ||
| Studio 2 – Studio 3 | 3 | ||
| Lab 9 – Lab 1 | 4 | ||
| Archive 9 – Archive 6 | 5 | ||
| Press 7 – Press 3 | 2 | ||
| Press 7 – Press 2 | 1 | ||
| Archive 7 – Archive 9 | 5 | ||
| Lab 7 – Archive 2 | 4 |
| node | group | degree | weight |
|---|---|---|---|
| Archive 1 | Archive | 3 | |
| Archive 2 | Archive | 9 | |
| Archive 3 | Archive | 5 | |
| Archive 4 | Archive | 8 | |
| Archive 5 | Archive | 5 | |
| Archive 6 | Archive | 6 | |
| Archive 7 | Archive | 6 | |
| Archive 8 | Archive | 3 | |
| Archive 9 | Archive | 5 | |
| Archive 10 | Archive | 6 | |
| Studio 1 | Studio | 3 | |
| Studio 2 | Studio | 4 | |
| Studio 3 | Studio | 3 | |
| Studio 4 | Studio | 3 | |
| Studio 5 | Studio | 7 | |
| Studio 6 | Studio | 4 | |
| Studio 7 | Studio | 4 | |
| Studio 8 | Studio | 4 | |
| Studio 9 | Studio | 6 | |
| Studio 10 | Studio | 3 | |
| Lab 1 | Lab | 5 | |
| Lab 2 | Lab | 5 | |
| Lab 3 | Lab | 1 | |
| Lab 4 | Lab | 2 | |
| Lab 5 | Lab | 2 | |
| Lab 6 | Lab | 4 | |
| Lab 7 | Lab | 2 | |
| Lab 8 | Lab | 4 | |
| Lab 9 | Lab | 4 | |
| Lab 10 | Lab | 2 | |
| Press 1 | Press | 6 | |
| Press 2 | Press | 4 | |
| Press 3 | Press | 10 | |
| Press 4 | Press | 6 | |
| Press 5 | Press | 1 | |
| Press 6 | Press | 5 | |
| Press 7 | Press | 6 | |
| Press 8 | Press | 7 | |
| Press 9 | Press | 3 | |
| Press 10 | Press | 4 | |
| Studio 5 – Studio 2 | 5 | ||
| Press 10 – Archive 6 | 1 | ||
| Press 1 – Press 7 | 5 | ||
| Studio 6 – Studio 4 | 1 | ||
| Press 3 – Lab 6 | 1 | ||
| Studio 8 – Studio 5 | 5 | ||
| Archive 5 – Archive 7 | 2 | ||
| Press 2 – Press 1 | 3 | ||
| Archive 4 – Archive 2 | 5 | ||
| Lab 8 – Studio 8 | 2 | ||
| Archive 4 – Archive 1 | 1 | ||
| Press 3 – Studio 9 | 5 | ||
| Lab 1 – Studio 5 | 5 | ||
| Studio 7 – Studio 9 | 4 | ||
| Press 1 – Press 4 | 5 | ||
| Archive 2 – Archive 9 | 1 | ||
| Archive 3 – Archive 5 | 2 | ||
| Press 10 – Press 8 | 3 | ||
| Press 4 – Archive 10 | 1 | ||
| Press 4 – Press 10 | 2 | ||
| Lab 10 – Studio 9 | 4 | ||
| Lab 6 – Lab 2 | 4 | ||
| Archive 1 – Studio 3 | 4 | ||
| Lab 9 – Lab 2 | 2 | ||
| Press 3 – Press 6 | 2 | ||
| Press 6 – Press 1 | 4 | ||
| Studio 8 – Studio 2 | 4 | ||
| Archive 9 – Archive 8 | 3 | ||
| Lab 2 – Lab 1 | 3 | ||
| Archive 3 – Studio 10 | 3 | ||
| Press 9 – Press 2 | 3 | ||
| Press 4 – Press 7 | 1 | ||
| Studio 6 – Studio 5 | 4 | ||
| Studio 3 – Studio 5 | 5 | ||
| Archive 10 – Archive 4 | 3 | ||
| Studio 1 – Studio 9 | 1 | ||
| Archive 2 – Archive 7 | 3 | ||
| Studio 8 – Studio 9 | 4 | ||
| Archive 6 – Archive 4 | 1 | ||
| Press 3 – Press 1 | 2 | ||
| Studio 7 – Studio 5 | 4 | ||
| Archive 2 – Archive 5 | 1 | ||
| Press 8 – Press 1 | 4 | ||
| Archive 2 – Archive 1 | 2 | ||
| Studio 6 – Studio 7 | 5 | ||
| Archive 4 – Press 8 | 3 | ||
| Studio 4 – Studio 1 | 1 | ||
| Press 3 – Archive 10 | 2 | ||
| Archive 3 – Archive 6 | 1 | ||
| Studio 1 – Studio 2 | 4 | ||
| Archive 5 – Archive 10 | 4 | ||
| Lab 7 – Lab 4 | 1 | ||
| Archive 4 – Archive 5 | 2 | ||
| Archive 7 – Studio 4 | 3 | ||
| Press 7 – Lab 8 | 3 | ||
| Press 2 – Press 3 | 3 | ||
| Lab 9 – Lab 4 | 5 | ||
| Press 8 – Archive 6 | 1 | ||
| Lab 6 – Lab 9 | 2 | ||
| Press 9 – Press 8 | 3 | ||
| Studio 10 – Lab 5 | 3 | ||
| Press 8 – Press 3 | 3 | ||
| Studio 9 – Studio 10 | 4 | ||
| Lab 1 – Lab 3 | 5 | ||
| Archive 3 – Archive 2 | 4 | ||
| Lab 6 – Lab 5 | 3 | ||
| Lab 2 – Studio 7 | 2 | ||
| Archive 8 – Archive 4 | 1 | ||
| Press 4 – Archive 3 | 2 | ||
| Lab 8 – Archive 7 | 4 | ||
| Press 5 – Press 3 | 5 | ||
| Press 6 – Press 9 | 2 | ||
| Press 7 – Press 10 | 3 | ||
| Archive 6 – Archive 2 | 4 | ||
| Archive 9 – Archive 4 | 1 | ||
| Lab 1 – Archive 10 | 1 | ||
| Press 8 – Press 6 | 4 | ||
| Archive 2 – Archive 10 | 5 | ||
| Lab 2 – Lab 10 | 5 | ||
| Archive 8 – Archive 7 | 2 | ||
| Press 3 – Studio 6 | 2 | ||
| Press 4 – Press 6 | 3 | ||
| Lab 8 – Studio 5 | 4 | ||
| Studio 2 – Studio 3 | 3 | ||
| Lab 9 – Lab 1 | 4 | ||
| Archive 9 – Archive 6 | 5 | ||
| Press 7 – Press 3 | 2 | ||
| Press 7 – Press 2 | 1 | ||
| Archive 7 – Archive 9 | 5 | ||
| Lab 7 – Archive 2 | 4 |
Example
The chart above, in each framework. Pick a framework once and every example on the site follows it. `data` holds the links; `nodes` names and groups the nodes. The force layout is the same for a given `seed`, on the server and in every browser.
npm install @silverpoint/react @silverpoint/grounds @silverpoint/fontsimport '@silverpoint/fonts/fonts.css';
import '@silverpoint/grounds/styles.css';
import { NetworkChart } from '@silverpoint/react/network-chart';
const data = [
{ source: 's05', target: 's02', weight: 5 },
{ source: 'p10', target: 'a06', weight: 1 },
{ source: 'p01', target: 'p07', weight: 5 },
{ source: 's06', target: 's04', weight: 1 },
{ source: 'p03', target: 'l06', weight: 1 },
{ source: 's08', target: 's05', weight: 5 },
{ source: 'a05', target: 'a07', weight: 2 },
{ source: 'p02', target: 'p01', weight: 3 },
{ source: 'a04', target: 'a02', weight: 5 },
{ source: 'l08', target: 's08', weight: 2 },
{ source: 'a04', target: 'a01', weight: 1 },
{ source: 'p03', target: 's09', weight: 5 },
// … 78 more rows of the same shape
];
const nodes = [
{ id: 'a01', label: 'Archive 1', group: 'Archive' },
{ id: 'a02', label: 'Archive 2', group: 'Archive' },
{ id: 'a03', label: 'Archive 3', group: 'Archive' },
{ id: 'a04', label: 'Archive 4', group: 'Archive' },
{ id: 'a05', label: 'Archive 5', group: 'Archive' },
{ id: 'a06', label: 'Archive 6', group: 'Archive' },
{ id: 'a07', label: 'Archive 7', group: 'Archive' },
{ id: 'a08', label: 'Archive 8', group: 'Archive' },
{ id: 'a09', label: 'Archive 9', group: 'Archive' },
{ id: 'a10', label: 'Archive 10', group: 'Archive' },
{ id: 's01', label: 'Studio 1', group: 'Studio' },
{ id: 's02', label: 'Studio 2', group: 'Studio' },
// … 28 more rows of the same shape
];
export default function App() {
return (
<div style={{ width: 480 }}>
<NetworkChart
data={data}
sourceKey="source"
targetKey="target"
valueKey="weight"
nodes={nodes}
title="Library network"
/>
</div>
);
}npm install @silverpoint/vue @silverpoint/grounds @silverpoint/fonts<script setup lang="ts">
import '@silverpoint/fonts/fonts.css';
import '@silverpoint/grounds/styles.css';
import { SpNetworkChart } from '@silverpoint/vue/network-chart';
const data = [
{ source: 's05', target: 's02', weight: 5 },
{ source: 'p10', target: 'a06', weight: 1 },
{ source: 'p01', target: 'p07', weight: 5 },
{ source: 's06', target: 's04', weight: 1 },
{ source: 'p03', target: 'l06', weight: 1 },
{ source: 's08', target: 's05', weight: 5 },
{ source: 'a05', target: 'a07', weight: 2 },
{ source: 'p02', target: 'p01', weight: 3 },
{ source: 'a04', target: 'a02', weight: 5 },
{ source: 'l08', target: 's08', weight: 2 },
{ source: 'a04', target: 'a01', weight: 1 },
{ source: 'p03', target: 's09', weight: 5 },
// … 78 more rows of the same shape
];
const nodes = [
{ id: 'a01', label: 'Archive 1', group: 'Archive' },
{ id: 'a02', label: 'Archive 2', group: 'Archive' },
{ id: 'a03', label: 'Archive 3', group: 'Archive' },
{ id: 'a04', label: 'Archive 4', group: 'Archive' },
{ id: 'a05', label: 'Archive 5', group: 'Archive' },
{ id: 'a06', label: 'Archive 6', group: 'Archive' },
{ id: 'a07', label: 'Archive 7', group: 'Archive' },
{ id: 'a08', label: 'Archive 8', group: 'Archive' },
{ id: 'a09', label: 'Archive 9', group: 'Archive' },
{ id: 'a10', label: 'Archive 10', group: 'Archive' },
{ id: 's01', label: 'Studio 1', group: 'Studio' },
{ id: 's02', label: 'Studio 2', group: 'Studio' },
// … 28 more rows of the same shape
];
</script>
<template>
<div style="width: 480px">
<SpNetworkChart
:data="data"
source-key="source"
target-key="target"
value-key="weight"
:nodes="nodes"
title="Library network"
/>
</div>
</template>npm install @silverpoint/angular @silverpoint/grounds @silverpoint/fonts// src/styles.css:
// @import '@silverpoint/fonts/fonts.css';
// @import '@silverpoint/grounds/styles.css';
import { Component } from '@angular/core';
import { SpNetworkChart } from '@silverpoint/angular/network-chart';
@Component({
selector: 'app-root',
imports: [SpNetworkChart],
template: `
<div style="width: 480px">
<sp-network-chart
[data]="data"
sourceKey="source"
targetKey="target"
valueKey="weight"
[nodes]="nodes"
title="Library network"
/>
</div>
`,
})
export class App {
protected readonly data = [
{ source: 's05', target: 's02', weight: 5 },
{ source: 'p10', target: 'a06', weight: 1 },
{ source: 'p01', target: 'p07', weight: 5 },
{ source: 's06', target: 's04', weight: 1 },
{ source: 'p03', target: 'l06', weight: 1 },
{ source: 's08', target: 's05', weight: 5 },
{ source: 'a05', target: 'a07', weight: 2 },
{ source: 'p02', target: 'p01', weight: 3 },
{ source: 'a04', target: 'a02', weight: 5 },
{ source: 'l08', target: 's08', weight: 2 },
{ source: 'a04', target: 'a01', weight: 1 },
{ source: 'p03', target: 's09', weight: 5 },
// … 78 more rows of the same shape
];
protected readonly nodes = [
{ id: 'a01', label: 'Archive 1', group: 'Archive' },
{ id: 'a02', label: 'Archive 2', group: 'Archive' },
{ id: 'a03', label: 'Archive 3', group: 'Archive' },
{ id: 'a04', label: 'Archive 4', group: 'Archive' },
{ id: 'a05', label: 'Archive 5', group: 'Archive' },
{ id: 'a06', label: 'Archive 6', group: 'Archive' },
{ id: 'a07', label: 'Archive 7', group: 'Archive' },
{ id: 'a08', label: 'Archive 8', group: 'Archive' },
{ id: 'a09', label: 'Archive 9', group: 'Archive' },
{ id: 'a10', label: 'Archive 10', group: 'Archive' },
{ id: 's01', label: 'Studio 1', group: 'Studio' },
{ id: 's02', label: 'Studio 2', group: 'Studio' },
// … 28 more rows of the same shape
];
}pip install reflex-silverpoint-reactimport reflex as rx
from reflex_silverpoint_react import network_chart
DATA = [
{"source": "s05", "target": "s02", "weight": 5},
{"source": "p10", "target": "a06", "weight": 1},
{"source": "p01", "target": "p07", "weight": 5},
{"source": "s06", "target": "s04", "weight": 1},
{"source": "p03", "target": "l06", "weight": 1},
{"source": "s08", "target": "s05", "weight": 5},
{"source": "a05", "target": "a07", "weight": 2},
{"source": "p02", "target": "p01", "weight": 3},
{"source": "a04", "target": "a02", "weight": 5},
{"source": "l08", "target": "s08", "weight": 2},
{"source": "a04", "target": "a01", "weight": 1},
{"source": "p03", "target": "s09", "weight": 5},
# … 78 more rows of the same shape
]
NODES = [
{"id": "a01", "label": "Archive 1", "group": "Archive"},
{"id": "a02", "label": "Archive 2", "group": "Archive"},
{"id": "a03", "label": "Archive 3", "group": "Archive"},
{"id": "a04", "label": "Archive 4", "group": "Archive"},
{"id": "a05", "label": "Archive 5", "group": "Archive"},
{"id": "a06", "label": "Archive 6", "group": "Archive"},
{"id": "a07", "label": "Archive 7", "group": "Archive"},
{"id": "a08", "label": "Archive 8", "group": "Archive"},
{"id": "a09", "label": "Archive 9", "group": "Archive"},
{"id": "a10", "label": "Archive 10", "group": "Archive"},
{"id": "s01", "label": "Studio 1", "group": "Studio"},
{"id": "s02", "label": "Studio 2", "group": "Studio"},
# … 28 more rows of the same shape
]
def index() -> rx.Component:
return rx.box(
network_chart(
data=DATA,
source_key="source",
target_key="target",
value_key="weight",
nodes=NODES,
title="Library network",
),
width="480px",
)
app = rx.App()
app.add_page(index)Import
Each chart has its own subpath, so a bundle only carries the charts it uses. Every adapter also exports every chart from its barrel.
| Framework | Import |
|---|---|
| React | import { NetworkChart } from '@silverpoint/react/network-chart'; |
| Vue | import { SpNetworkChart } from '@silverpoint/vue/network-chart'; |
| Angular | import { SpNetworkChart } from '@silverpoint/angular/network-chart'; // <sp-network-chart> |
| Reflex | from reflex_silverpoint_react import network_chart |
Props
The props NetworkChart adds to the ones every chart takes. Accessor props (…Key, keys, names) name fields of your rows and are ignored without data.
| React / Angular | Vue | Reflex | Type | Description |
|---|---|---|---|---|
sourceKey | source-key | source_key | Accessor<string> | — |
targetKey | target-key | target_key | Accessor<string> | — |
valueKey | value-key | value_key | Accessor<number | null | undefined> | 1 by default. |
nodes | nodes | nodes | readonly NetworkNode[] | The nodes, as data; the distinct ends of the links by default. |
iterations | iterations | iterations | number | Layout iterations; 300 by default. |
Common props
Every chart also takes these. Framework conventions: camelCase in React and Angular, kebab-case in Vue templates, snake_case in Reflex. Read more about them.
Show the 22 common props
| React / Angular | Vue | Reflex | Type | Description |
|---|---|---|---|---|
data | data | data | readonly Datum[] | Rows to draw. If omitted, the demo dataset is rendered (REQ-093) and the accessor props (…_key, keys, names) are ignored. |
ground | ground | ground | GroundRef | Style ground: silverpoint or cyanotype, or a ground object. Defaults to the app provider's, or silverpoint. |
substrate | substrate | substrate | SubstrateName | Prepared substrate within the ground (REQ-046). |
mode | mode | mode | InkMode | ink by default; precision disables inking (REQ-021). |
seed | seed | seed | Seed | Seed. If omitted, it is derived from id stably (REQ-003). |
id | id | id | string | Stable identifier. If omitted, it is generated deterministically. |
height | height | height | number | Height of the drawing area in px. Width is the container's unless pinned. |
width | width | width | number | — |
chrome | chrome | chrome | 'card' | 'bare' | card draws the full frame; bare only the drawing area (REQ-095). |
hatchFill | hatch-fill | hatch_fill | 'tile' | 'per-shape' | How areas are filled (REQ-029). |
title | title | title | string | — |
badge | badge | badge | string | — |
value | value | value | string | number | — |
unit | unit | unit | string | — |
footerLeft | footer-left | footer_left | string | — |
footerRight | footer-right | footer_right | string | — |
label | label | label | string | Accessible name. If omitted, it is derived from title (REQ-120). |
description | description | description | string | Long description for screen readers (REQ-120). |
dataTable | data-table | data_table | 'visible' | 'hidden' | 'none' | Tabular alternative; hidden leaves it for assistive technology only (REQ-121). |
locale | locale | locale | string | — |
numberFormat | number-format | number_format | Intl.NumberFormatOptions | — |
className | class-name | class_name | string | — |
Events
Pointer and keyboard exploration are built in. The item under the pointer or focus is reported, and a click, Enter or Space selects it. The item is { seriesKey, index, datum, value, point: { x, y } }.
| Framework | Active item | Selection | Custom readout |
|---|---|---|---|
| React | onActiveChange | onSelect | tooltip={(item, readout) => …} |
| Vue | @active-change | @select | <template #tooltip> |
| Angular | (activeChange) | (select) | <ng-template spTooltip> |
| Reflex | on_active_change | on_select | tooltip=tooltip_template(…) |
Report it
Found something wrong with NetworkChart? Open an issue on GitHub — the form comes pre-filled with the chart and the version.