Charts · Fields & networks

VectorFieldChart

An arrow per grid point. Family: Fields & networks · chart 59 of 60.

Wind field
x, y	u	v	magnitude
0, 13	-0.85	-1.25	1.51
1, 13	-0.97	-1.26	1.59
2, 13	-1.1	-1.27	1.68
3, 13	-1.24	-1.24	1.76
4, 13	-1.41	-1.19	1.84
5, 13	-1.58	-1.09	1.92
6, 13	-1.75	-0.94	1.98
7, 13	-1.9	-0.73	2.03
8, 13	-2.02	-0.47	2.07
9, 13	-2.08	-0.16	2.09
10, 13	-2.08	0.16	2.09
11, 13	-2.02	0.47	2.07
12, 13	-1.9	0.73	2.03
13, 13	-1.75	0.94	1.98
14, 13	-1.58	1.09	1.92
15, 13	-1.41	1.19	1.84
16, 13	-1.24	1.24	1.76
17, 13	-1.1	1.27	1.68
18, 13	-0.97	1.26	1.59
19, 13	-0.85	1.25	1.51
0, 12	-0.78	-1.35	1.56
1, 12	-0.9	-1.39	1.65
2, 12	-1.03	-1.41	1.75
3, 12	-1.19	-1.41	1.84
4, 12	-1.37	-1.37	1.93
5, 12	-1.56	-1.28	2.02
6, 12	-1.76	-1.12	2.09
7, 12	-1.95	-0.89	2.14
8, 12	-2.1	-0.57	2.17
9, 12	-2.18	-0.2	2.19
10, 12	-2.18	0.2	2.19
11, 12	-2.1	0.57	2.17
12, 12	-1.95	0.89	2.14
13, 12	-1.76	1.12	2.09
14, 12	-1.56	1.28	2.02
15, 12	-1.37	1.37	1.93
16, 12	-1.19	1.41	1.84
17, 12	-1.03	1.41	1.75
18, 12	-0.9	1.39	1.65
19, 12	-0.78	1.35	1.56
0, 11	-0.69	-1.46	1.61
1, 11	-0.8	-1.51	1.71
2, 11	-0.93	-1.55	1.81
3, 11	-1.09	-1.58	1.92
4, 11	-1.28	-1.56	2.02
5, 11	-1.49	-1.49	2.1
6, 11	-1.71	-1.33	2.17
7, 11	-1.94	-1.08	2.21
8, 11	-2.12	-0.71	2.23
9, 11	-2.22	-0.25	2.24
10, 11	-2.22	0.25	2.24
11, 11	-2.12	0.71	2.23
12, 11	-1.94	1.08	2.21
13, 11	-1.71	1.33	2.17
14, 11	-1.49	1.49	2.1
15, 11	-1.28	1.56	2.02
16, 11	-1.09	1.58	1.92
17, 11	-0.93	1.55	1.81
18, 11	-0.8	1.51	1.71
19, 11	-0.69	1.46	1.61
0, 10	-0.57	-1.55	1.65
1, 10	-0.67	-1.63	1.76
2, 10	-0.79	-1.7	1.87
3, 10	-0.94	-1.75	1.98
4, 10	-1.12	-1.76	2.09
5, 10	-1.33	-1.71	2.17
6, 10	-1.57	-1.57	2.22
7, 10	-1.82	-1.3	2.23
8, 10	-2.03	-0.87	2.21
9, 10	-2.15	-0.31	2.18
10, 10	-2.15	0.31	2.18
11, 10	-2.03	0.87	2.21
12, 10	-1.82	1.3	2.23
13, 10	-1.57	1.57	2.22
14, 10	-1.33	1.71	2.17
15, 10	-1.12	1.76	2.09
16, 10	-0.94	1.75	1.98
17, 10	-0.79	1.7	1.87
18, 10	-0.67	1.63	1.76
19, 10	-0.57	1.55	1.65
0, 9	-0.43	-1.63	1.69
1, 9	-0.51	-1.73	1.8
2, 9	-0.61	-1.82	1.92
3, 9	-0.73	-1.9	2.03
4, 9	-0.89	-1.95	2.14
5, 9	-1.08	-1.94	2.21
6, 9	-1.3	-1.82	2.23
7, 9	-1.54	-1.54	2.18
8, 9	-1.75	-1.05	2.05
9, 9	-1.89	-0.38	1.92
10, 9	-1.89	0.38	1.92
11, 9	-1.75	1.05	2.05
12, 9	-1.54	1.54	2.18
13, 9	-1.3	1.82	2.23
14, 9	-1.08	1.94	2.21
15, 9	-0.89	1.95	2.14
16, 9	-0.73	1.9	2.03
17, 9	-0.61	1.82	1.92
18, 9	-0.51	1.73	1.8
19, 9	-0.43	1.63	1.69
0, 8	-0.27	-1.69	1.71
1, 8	-0.32	-1.8	1.83
2, 8	-0.38	-1.91	1.95
3, 8	-0.47	-2.02	2.07
4, 8	-0.57	-2.1	2.17
5, 8	-0.71	-2.12	2.23
6, 8	-0.87	-2.03	2.21
7, 8	-1.05	-1.75	2.05
8, 8	-1.22	-1.22	1.73
9, 8	-1.33	-0.44	1.41
10, 8	-1.33	0.44	1.41
11, 8	-1.22	1.22	1.73
12, 8	-1.05	1.75	2.05
13, 8	-0.87	2.03	2.21
14, 8	-0.71	2.12	2.23
15, 8	-0.57	2.1	2.17
16, 8	-0.47	2.02	2.07
17, 8	-0.38	1.91	1.95
18, 8	-0.32	1.8	1.83
19, 8	-0.27	1.69	1.71
0, 7	-0.09	-1.72	1.72
1, 7	-0.11	-1.84	1.84
2, 7	-0.13	-1.96	1.97
3, 7	-0.16	-2.08	2.09
4, 7	-0.2	-2.18	2.19
5, 7	-0.25	-2.22	2.24
6, 7	-0.31	-2.15	2.18
7, 7	-0.38	-1.89	1.92
8, 7	-0.44	-1.33	1.41
9, 7	-0.49	-0.49	0.69
10, 7	-0.49	0.49	0.69
11, 7	-0.44	1.33	1.41
12, 7	-0.38	1.89	1.92
13, 7	-0.31	2.15	2.18
14, 7	-0.25	2.22	2.24
15, 7	-0.2	2.18	2.19
16, 7	-0.16	2.08	2.09
17, 7	-0.13	1.96	1.97
18, 7	-0.11	1.84	1.84
19, 7	-0.09	1.72	1.72
0, 6	0.09	-1.72	1.72
1, 6	0.11	-1.84	1.84
2, 6	0.13	-1.96	1.97
3, 6	0.16	-2.08	2.09
4, 6	0.2	-2.18	2.19
5, 6	0.25	-2.22	2.24
6, 6	0.31	-2.15	2.18
7, 6	0.38	-1.89	1.92
8, 6	0.44	-1.33	1.41
9, 6	0.49	-0.49	0.69
10, 6	0.49	0.49	0.69
11, 6	0.44	1.33	1.41
12, 6	0.38	1.89	1.92
13, 6	0.31	2.15	2.18
14, 6	0.25	2.22	2.24
15, 6	0.2	2.18	2.19
16, 6	0.16	2.08	2.09
17, 6	0.13	1.96	1.97
18, 6	0.11	1.84	1.84
19, 6	0.09	1.72	1.72
0, 5	0.27	-1.69	1.71
1, 5	0.32	-1.8	1.83
2, 5	0.38	-1.91	1.95
3, 5	0.47	-2.02	2.07
4, 5	0.57	-2.1	2.17
5, 5	0.71	-2.12	2.23
6, 5	0.87	-2.03	2.21
7, 5	1.05	-1.75	2.05
8, 5	1.22	-1.22	1.73
9, 5	1.33	-0.44	1.41
10, 5	1.33	0.44	1.41
11, 5	1.22	1.22	1.73
12, 5	1.05	1.75	2.05
13, 5	0.87	2.03	2.21
14, 5	0.71	2.12	2.23
15, 5	0.57	2.1	2.17
16, 5	0.47	2.02	2.07
17, 5	0.38	1.91	1.95
18, 5	0.32	1.8	1.83
19, 5	0.27	1.69	1.71
0, 4	0.43	-1.63	1.69
1, 4	0.51	-1.73	1.8
2, 4	0.61	-1.82	1.92
3, 4	0.73	-1.9	2.03
4, 4	0.89	-1.95	2.14
5, 4	1.08	-1.94	2.21
6, 4	1.3	-1.82	2.23
7, 4	1.54	-1.54	2.18
8, 4	1.75	-1.05	2.05
9, 4	1.89	-0.38	1.92
10, 4	1.89	0.38	1.92
11, 4	1.75	1.05	2.05
12, 4	1.54	1.54	2.18
13, 4	1.3	1.82	2.23
14, 4	1.08	1.94	2.21
15, 4	0.89	1.95	2.14
16, 4	0.73	1.9	2.03
17, 4	0.61	1.82	1.92
18, 4	0.51	1.73	1.8
19, 4	0.43	1.63	1.69
0, 3	0.57	-1.55	1.65
1, 3	0.67	-1.63	1.76
2, 3	0.79	-1.7	1.87
3, 3	0.94	-1.75	1.98
4, 3	1.12	-1.76	2.09
5, 3	1.33	-1.71	2.17
6, 3	1.57	-1.57	2.22
7, 3	1.82	-1.3	2.23
8, 3	2.03	-0.87	2.21
9, 3	2.15	-0.31	2.18
10, 3	2.15	0.31	2.18
11, 3	2.03	0.87	2.21
12, 3	1.82	1.3	2.23
13, 3	1.57	1.57	2.22
14, 3	1.33	1.71	2.17
15, 3	1.12	1.76	2.09
16, 3	0.94	1.75	1.98
17, 3	0.79	1.7	1.87
18, 3	0.67	1.63	1.76
19, 3	0.57	1.55	1.65
0, 2	0.69	-1.46	1.61
1, 2	0.8	-1.51	1.71
2, 2	0.93	-1.55	1.81
3, 2	1.09	-1.58	1.92
4, 2	1.28	-1.56	2.02
5, 2	1.49	-1.49	2.1
6, 2	1.71	-1.33	2.17
7, 2	1.94	-1.08	2.21
8, 2	2.12	-0.71	2.23
9, 2	2.22	-0.25	2.24
10, 2	2.22	0.25	2.24
11, 2	2.12	0.71	2.23
12, 2	1.94	1.08	2.21
13, 2	1.71	1.33	2.17
14, 2	1.49	1.49	2.1
15, 2	1.28	1.56	2.02
16, 2	1.09	1.58	1.92
17, 2	0.93	1.55	1.81
18, 2	0.8	1.51	1.71
19, 2	0.69	1.46	1.61
0, 1	0.78	-1.35	1.56
1, 1	0.9	-1.39	1.65
2, 1	1.03	-1.41	1.75
3, 1	1.19	-1.41	1.84
4, 1	1.37	-1.37	1.93
5, 1	1.56	-1.28	2.02
6, 1	1.76	-1.12	2.09
7, 1	1.95	-0.89	2.14
8, 1	2.1	-0.57	2.17
9, 1	2.18	-0.2	2.19
10, 1	2.18	0.2	2.19
11, 1	2.1	0.57	2.17
12, 1	1.95	0.89	2.14
13, 1	1.76	1.12	2.09
14, 1	1.56	1.28	2.02
15, 1	1.37	1.37	1.93
16, 1	1.19	1.41	1.84
17, 1	1.03	1.41	1.75
18, 1	0.9	1.39	1.65
19, 1	0.78	1.35	1.56
0, 0	0.85	-1.25	1.51
1, 0	0.97	-1.26	1.59
2, 0	1.1	-1.27	1.68
3, 0	1.24	-1.24	1.76
4, 0	1.41	-1.19	1.84
5, 0	1.58	-1.09	1.92
6, 0	1.75	-0.94	1.98
7, 0	1.9	-0.73	2.03
8, 0	2.02	-0.47	2.07
9, 0	2.08	-0.16	2.09
10, 0	2.08	0.16	2.09
11, 0	2.02	0.47	2.07
12, 0	1.9	0.73	2.03
13, 0	1.75	0.94	1.98
14, 0	1.58	1.09	1.92
15, 0	1.41	1.19	1.84
16, 0	1.24	1.24	1.76
17, 0	1.1	1.27	1.68
18, 0	0.97	1.26	1.59
19, 0	0.85	1.25	1.51

Report an issue with this chart

Wind field
x, y	u	v	magnitude
0, 13	-0.85	-1.25	1.51
1, 13	-0.97	-1.26	1.59
2, 13	-1.1	-1.27	1.68
3, 13	-1.24	-1.24	1.76
4, 13	-1.41	-1.19	1.84
5, 13	-1.58	-1.09	1.92
6, 13	-1.75	-0.94	1.98
7, 13	-1.9	-0.73	2.03
8, 13	-2.02	-0.47	2.07
9, 13	-2.08	-0.16	2.09
10, 13	-2.08	0.16	2.09
11, 13	-2.02	0.47	2.07
12, 13	-1.9	0.73	2.03
13, 13	-1.75	0.94	1.98
14, 13	-1.58	1.09	1.92
15, 13	-1.41	1.19	1.84
16, 13	-1.24	1.24	1.76
17, 13	-1.1	1.27	1.68
18, 13	-0.97	1.26	1.59
19, 13	-0.85	1.25	1.51
0, 12	-0.78	-1.35	1.56
1, 12	-0.9	-1.39	1.65
2, 12	-1.03	-1.41	1.75
3, 12	-1.19	-1.41	1.84
4, 12	-1.37	-1.37	1.93
5, 12	-1.56	-1.28	2.02
6, 12	-1.76	-1.12	2.09
7, 12	-1.95	-0.89	2.14
8, 12	-2.1	-0.57	2.17
9, 12	-2.18	-0.2	2.19
10, 12	-2.18	0.2	2.19
11, 12	-2.1	0.57	2.17
12, 12	-1.95	0.89	2.14
13, 12	-1.76	1.12	2.09
14, 12	-1.56	1.28	2.02
15, 12	-1.37	1.37	1.93
16, 12	-1.19	1.41	1.84
17, 12	-1.03	1.41	1.75
18, 12	-0.9	1.39	1.65
19, 12	-0.78	1.35	1.56
0, 11	-0.69	-1.46	1.61
1, 11	-0.8	-1.51	1.71
2, 11	-0.93	-1.55	1.81
3, 11	-1.09	-1.58	1.92
4, 11	-1.28	-1.56	2.02
5, 11	-1.49	-1.49	2.1
6, 11	-1.71	-1.33	2.17
7, 11	-1.94	-1.08	2.21
8, 11	-2.12	-0.71	2.23
9, 11	-2.22	-0.25	2.24
10, 11	-2.22	0.25	2.24
11, 11	-2.12	0.71	2.23
12, 11	-1.94	1.08	2.21
13, 11	-1.71	1.33	2.17
14, 11	-1.49	1.49	2.1
15, 11	-1.28	1.56	2.02
16, 11	-1.09	1.58	1.92
17, 11	-0.93	1.55	1.81
18, 11	-0.8	1.51	1.71
19, 11	-0.69	1.46	1.61
0, 10	-0.57	-1.55	1.65
1, 10	-0.67	-1.63	1.76
2, 10	-0.79	-1.7	1.87
3, 10	-0.94	-1.75	1.98
4, 10	-1.12	-1.76	2.09
5, 10	-1.33	-1.71	2.17
6, 10	-1.57	-1.57	2.22
7, 10	-1.82	-1.3	2.23
8, 10	-2.03	-0.87	2.21
9, 10	-2.15	-0.31	2.18
10, 10	-2.15	0.31	2.18
11, 10	-2.03	0.87	2.21
12, 10	-1.82	1.3	2.23
13, 10	-1.57	1.57	2.22
14, 10	-1.33	1.71	2.17
15, 10	-1.12	1.76	2.09
16, 10	-0.94	1.75	1.98
17, 10	-0.79	1.7	1.87
18, 10	-0.67	1.63	1.76
19, 10	-0.57	1.55	1.65
0, 9	-0.43	-1.63	1.69
1, 9	-0.51	-1.73	1.8
2, 9	-0.61	-1.82	1.92
3, 9	-0.73	-1.9	2.03
4, 9	-0.89	-1.95	2.14
5, 9	-1.08	-1.94	2.21
6, 9	-1.3	-1.82	2.23
7, 9	-1.54	-1.54	2.18
8, 9	-1.75	-1.05	2.05
9, 9	-1.89	-0.38	1.92
10, 9	-1.89	0.38	1.92
11, 9	-1.75	1.05	2.05
12, 9	-1.54	1.54	2.18
13, 9	-1.3	1.82	2.23
14, 9	-1.08	1.94	2.21
15, 9	-0.89	1.95	2.14
16, 9	-0.73	1.9	2.03
17, 9	-0.61	1.82	1.92
18, 9	-0.51	1.73	1.8
19, 9	-0.43	1.63	1.69
0, 8	-0.27	-1.69	1.71
1, 8	-0.32	-1.8	1.83
2, 8	-0.38	-1.91	1.95
3, 8	-0.47	-2.02	2.07
4, 8	-0.57	-2.1	2.17
5, 8	-0.71	-2.12	2.23
6, 8	-0.87	-2.03	2.21
7, 8	-1.05	-1.75	2.05
8, 8	-1.22	-1.22	1.73
9, 8	-1.33	-0.44	1.41
10, 8	-1.33	0.44	1.41
11, 8	-1.22	1.22	1.73
12, 8	-1.05	1.75	2.05
13, 8	-0.87	2.03	2.21
14, 8	-0.71	2.12	2.23
15, 8	-0.57	2.1	2.17
16, 8	-0.47	2.02	2.07
17, 8	-0.38	1.91	1.95
18, 8	-0.32	1.8	1.83
19, 8	-0.27	1.69	1.71
0, 7	-0.09	-1.72	1.72
1, 7	-0.11	-1.84	1.84
2, 7	-0.13	-1.96	1.97
3, 7	-0.16	-2.08	2.09
4, 7	-0.2	-2.18	2.19
5, 7	-0.25	-2.22	2.24
6, 7	-0.31	-2.15	2.18
7, 7	-0.38	-1.89	1.92
8, 7	-0.44	-1.33	1.41
9, 7	-0.49	-0.49	0.69
10, 7	-0.49	0.49	0.69
11, 7	-0.44	1.33	1.41
12, 7	-0.38	1.89	1.92
13, 7	-0.31	2.15	2.18
14, 7	-0.25	2.22	2.24
15, 7	-0.2	2.18	2.19
16, 7	-0.16	2.08	2.09
17, 7	-0.13	1.96	1.97
18, 7	-0.11	1.84	1.84
19, 7	-0.09	1.72	1.72
0, 6	0.09	-1.72	1.72
1, 6	0.11	-1.84	1.84
2, 6	0.13	-1.96	1.97
3, 6	0.16	-2.08	2.09
4, 6	0.2	-2.18	2.19
5, 6	0.25	-2.22	2.24
6, 6	0.31	-2.15	2.18
7, 6	0.38	-1.89	1.92
8, 6	0.44	-1.33	1.41
9, 6	0.49	-0.49	0.69
10, 6	0.49	0.49	0.69
11, 6	0.44	1.33	1.41
12, 6	0.38	1.89	1.92
13, 6	0.31	2.15	2.18
14, 6	0.25	2.22	2.24
15, 6	0.2	2.18	2.19
16, 6	0.16	2.08	2.09
17, 6	0.13	1.96	1.97
18, 6	0.11	1.84	1.84
19, 6	0.09	1.72	1.72
0, 5	0.27	-1.69	1.71
1, 5	0.32	-1.8	1.83
2, 5	0.38	-1.91	1.95
3, 5	0.47	-2.02	2.07
4, 5	0.57	-2.1	2.17
5, 5	0.71	-2.12	2.23
6, 5	0.87	-2.03	2.21
7, 5	1.05	-1.75	2.05
8, 5	1.22	-1.22	1.73
9, 5	1.33	-0.44	1.41
10, 5	1.33	0.44	1.41
11, 5	1.22	1.22	1.73
12, 5	1.05	1.75	2.05
13, 5	0.87	2.03	2.21
14, 5	0.71	2.12	2.23
15, 5	0.57	2.1	2.17
16, 5	0.47	2.02	2.07
17, 5	0.38	1.91	1.95
18, 5	0.32	1.8	1.83
19, 5	0.27	1.69	1.71
0, 4	0.43	-1.63	1.69
1, 4	0.51	-1.73	1.8
2, 4	0.61	-1.82	1.92
3, 4	0.73	-1.9	2.03
4, 4	0.89	-1.95	2.14
5, 4	1.08	-1.94	2.21
6, 4	1.3	-1.82	2.23
7, 4	1.54	-1.54	2.18
8, 4	1.75	-1.05	2.05
9, 4	1.89	-0.38	1.92
10, 4	1.89	0.38	1.92
11, 4	1.75	1.05	2.05
12, 4	1.54	1.54	2.18
13, 4	1.3	1.82	2.23
14, 4	1.08	1.94	2.21
15, 4	0.89	1.95	2.14
16, 4	0.73	1.9	2.03
17, 4	0.61	1.82	1.92
18, 4	0.51	1.73	1.8
19, 4	0.43	1.63	1.69
0, 3	0.57	-1.55	1.65
1, 3	0.67	-1.63	1.76
2, 3	0.79	-1.7	1.87
3, 3	0.94	-1.75	1.98
4, 3	1.12	-1.76	2.09
5, 3	1.33	-1.71	2.17
6, 3	1.57	-1.57	2.22
7, 3	1.82	-1.3	2.23
8, 3	2.03	-0.87	2.21
9, 3	2.15	-0.31	2.18
10, 3	2.15	0.31	2.18
11, 3	2.03	0.87	2.21
12, 3	1.82	1.3	2.23
13, 3	1.57	1.57	2.22
14, 3	1.33	1.71	2.17
15, 3	1.12	1.76	2.09
16, 3	0.94	1.75	1.98
17, 3	0.79	1.7	1.87
18, 3	0.67	1.63	1.76
19, 3	0.57	1.55	1.65
0, 2	0.69	-1.46	1.61
1, 2	0.8	-1.51	1.71
2, 2	0.93	-1.55	1.81
3, 2	1.09	-1.58	1.92
4, 2	1.28	-1.56	2.02
5, 2	1.49	-1.49	2.1
6, 2	1.71	-1.33	2.17
7, 2	1.94	-1.08	2.21
8, 2	2.12	-0.71	2.23
9, 2	2.22	-0.25	2.24
10, 2	2.22	0.25	2.24
11, 2	2.12	0.71	2.23
12, 2	1.94	1.08	2.21
13, 2	1.71	1.33	2.17
14, 2	1.49	1.49	2.1
15, 2	1.28	1.56	2.02
16, 2	1.09	1.58	1.92
17, 2	0.93	1.55	1.81
18, 2	0.8	1.51	1.71
19, 2	0.69	1.46	1.61
0, 1	0.78	-1.35	1.56
1, 1	0.9	-1.39	1.65
2, 1	1.03	-1.41	1.75
3, 1	1.19	-1.41	1.84
4, 1	1.37	-1.37	1.93
5, 1	1.56	-1.28	2.02
6, 1	1.76	-1.12	2.09
7, 1	1.95	-0.89	2.14
8, 1	2.1	-0.57	2.17
9, 1	2.18	-0.2	2.19
10, 1	2.18	0.2	2.19
11, 1	2.1	0.57	2.17
12, 1	1.95	0.89	2.14
13, 1	1.76	1.12	2.09
14, 1	1.56	1.28	2.02
15, 1	1.37	1.37	1.93
16, 1	1.19	1.41	1.84
17, 1	1.03	1.41	1.75
18, 1	0.9	1.39	1.65
19, 1	0.78	1.35	1.56
0, 0	0.85	-1.25	1.51
1, 0	0.97	-1.26	1.59
2, 0	1.1	-1.27	1.68
3, 0	1.24	-1.24	1.76
4, 0	1.41	-1.19	1.84
5, 0	1.58	-1.09	1.92
6, 0	1.75	-0.94	1.98
7, 0	1.9	-0.73	2.03
8, 0	2.02	-0.47	2.07
9, 0	2.08	-0.16	2.09
10, 0	2.08	0.16	2.09
11, 0	2.02	0.47	2.07
12, 0	1.9	0.73	2.03
13, 0	1.75	0.94	1.98
14, 0	1.58	1.09	1.92
15, 0	1.41	1.19	1.84
16, 0	1.24	1.24	1.76
17, 0	1.1	1.27	1.68
18, 0	0.97	1.26	1.59
19, 0	0.85	1.25	1.51

mode="precision"

Wind field
x, y	u	v	magnitude
0, 13	-0.85	-1.25	1.51
1, 13	-0.97	-1.26	1.59
2, 13	-1.1	-1.27	1.68
3, 13	-1.24	-1.24	1.76
4, 13	-1.41	-1.19	1.84
5, 13	-1.58	-1.09	1.92
6, 13	-1.75	-0.94	1.98
7, 13	-1.9	-0.73	2.03
8, 13	-2.02	-0.47	2.07
9, 13	-2.08	-0.16	2.09
10, 13	-2.08	0.16	2.09
11, 13	-2.02	0.47	2.07
12, 13	-1.9	0.73	2.03
13, 13	-1.75	0.94	1.98
14, 13	-1.58	1.09	1.92
15, 13	-1.41	1.19	1.84
16, 13	-1.24	1.24	1.76
17, 13	-1.1	1.27	1.68
18, 13	-0.97	1.26	1.59
19, 13	-0.85	1.25	1.51
0, 12	-0.78	-1.35	1.56
1, 12	-0.9	-1.39	1.65
2, 12	-1.03	-1.41	1.75
3, 12	-1.19	-1.41	1.84
4, 12	-1.37	-1.37	1.93
5, 12	-1.56	-1.28	2.02
6, 12	-1.76	-1.12	2.09
7, 12	-1.95	-0.89	2.14
8, 12	-2.1	-0.57	2.17
9, 12	-2.18	-0.2	2.19
10, 12	-2.18	0.2	2.19
11, 12	-2.1	0.57	2.17
12, 12	-1.95	0.89	2.14
13, 12	-1.76	1.12	2.09
14, 12	-1.56	1.28	2.02
15, 12	-1.37	1.37	1.93
16, 12	-1.19	1.41	1.84
17, 12	-1.03	1.41	1.75
18, 12	-0.9	1.39	1.65
19, 12	-0.78	1.35	1.56
0, 11	-0.69	-1.46	1.61
1, 11	-0.8	-1.51	1.71
2, 11	-0.93	-1.55	1.81
3, 11	-1.09	-1.58	1.92
4, 11	-1.28	-1.56	2.02
5, 11	-1.49	-1.49	2.1
6, 11	-1.71	-1.33	2.17
7, 11	-1.94	-1.08	2.21
8, 11	-2.12	-0.71	2.23
9, 11	-2.22	-0.25	2.24
10, 11	-2.22	0.25	2.24
11, 11	-2.12	0.71	2.23
12, 11	-1.94	1.08	2.21
13, 11	-1.71	1.33	2.17
14, 11	-1.49	1.49	2.1
15, 11	-1.28	1.56	2.02
16, 11	-1.09	1.58	1.92
17, 11	-0.93	1.55	1.81
18, 11	-0.8	1.51	1.71
19, 11	-0.69	1.46	1.61
0, 10	-0.57	-1.55	1.65
1, 10	-0.67	-1.63	1.76
2, 10	-0.79	-1.7	1.87
3, 10	-0.94	-1.75	1.98
4, 10	-1.12	-1.76	2.09
5, 10	-1.33	-1.71	2.17
6, 10	-1.57	-1.57	2.22
7, 10	-1.82	-1.3	2.23
8, 10	-2.03	-0.87	2.21
9, 10	-2.15	-0.31	2.18
10, 10	-2.15	0.31	2.18
11, 10	-2.03	0.87	2.21
12, 10	-1.82	1.3	2.23
13, 10	-1.57	1.57	2.22
14, 10	-1.33	1.71	2.17
15, 10	-1.12	1.76	2.09
16, 10	-0.94	1.75	1.98
17, 10	-0.79	1.7	1.87
18, 10	-0.67	1.63	1.76
19, 10	-0.57	1.55	1.65
0, 9	-0.43	-1.63	1.69
1, 9	-0.51	-1.73	1.8
2, 9	-0.61	-1.82	1.92
3, 9	-0.73	-1.9	2.03
4, 9	-0.89	-1.95	2.14
5, 9	-1.08	-1.94	2.21
6, 9	-1.3	-1.82	2.23
7, 9	-1.54	-1.54	2.18
8, 9	-1.75	-1.05	2.05
9, 9	-1.89	-0.38	1.92
10, 9	-1.89	0.38	1.92
11, 9	-1.75	1.05	2.05
12, 9	-1.54	1.54	2.18
13, 9	-1.3	1.82	2.23
14, 9	-1.08	1.94	2.21
15, 9	-0.89	1.95	2.14
16, 9	-0.73	1.9	2.03
17, 9	-0.61	1.82	1.92
18, 9	-0.51	1.73	1.8
19, 9	-0.43	1.63	1.69
0, 8	-0.27	-1.69	1.71
1, 8	-0.32	-1.8	1.83
2, 8	-0.38	-1.91	1.95
3, 8	-0.47	-2.02	2.07
4, 8	-0.57	-2.1	2.17
5, 8	-0.71	-2.12	2.23
6, 8	-0.87	-2.03	2.21
7, 8	-1.05	-1.75	2.05
8, 8	-1.22	-1.22	1.73
9, 8	-1.33	-0.44	1.41
10, 8	-1.33	0.44	1.41
11, 8	-1.22	1.22	1.73
12, 8	-1.05	1.75	2.05
13, 8	-0.87	2.03	2.21
14, 8	-0.71	2.12	2.23
15, 8	-0.57	2.1	2.17
16, 8	-0.47	2.02	2.07
17, 8	-0.38	1.91	1.95
18, 8	-0.32	1.8	1.83
19, 8	-0.27	1.69	1.71
0, 7	-0.09	-1.72	1.72
1, 7	-0.11	-1.84	1.84
2, 7	-0.13	-1.96	1.97
3, 7	-0.16	-2.08	2.09
4, 7	-0.2	-2.18	2.19
5, 7	-0.25	-2.22	2.24
6, 7	-0.31	-2.15	2.18
7, 7	-0.38	-1.89	1.92
8, 7	-0.44	-1.33	1.41
9, 7	-0.49	-0.49	0.69
10, 7	-0.49	0.49	0.69
11, 7	-0.44	1.33	1.41
12, 7	-0.38	1.89	1.92
13, 7	-0.31	2.15	2.18
14, 7	-0.25	2.22	2.24
15, 7	-0.2	2.18	2.19
16, 7	-0.16	2.08	2.09
17, 7	-0.13	1.96	1.97
18, 7	-0.11	1.84	1.84
19, 7	-0.09	1.72	1.72
0, 6	0.09	-1.72	1.72
1, 6	0.11	-1.84	1.84
2, 6	0.13	-1.96	1.97
3, 6	0.16	-2.08	2.09
4, 6	0.2	-2.18	2.19
5, 6	0.25	-2.22	2.24
6, 6	0.31	-2.15	2.18
7, 6	0.38	-1.89	1.92
8, 6	0.44	-1.33	1.41
9, 6	0.49	-0.49	0.69
10, 6	0.49	0.49	0.69
11, 6	0.44	1.33	1.41
12, 6	0.38	1.89	1.92
13, 6	0.31	2.15	2.18
14, 6	0.25	2.22	2.24
15, 6	0.2	2.18	2.19
16, 6	0.16	2.08	2.09
17, 6	0.13	1.96	1.97
18, 6	0.11	1.84	1.84
19, 6	0.09	1.72	1.72
0, 5	0.27	-1.69	1.71
1, 5	0.32	-1.8	1.83
2, 5	0.38	-1.91	1.95
3, 5	0.47	-2.02	2.07
4, 5	0.57	-2.1	2.17
5, 5	0.71	-2.12	2.23
6, 5	0.87	-2.03	2.21
7, 5	1.05	-1.75	2.05
8, 5	1.22	-1.22	1.73
9, 5	1.33	-0.44	1.41
10, 5	1.33	0.44	1.41
11, 5	1.22	1.22	1.73
12, 5	1.05	1.75	2.05
13, 5	0.87	2.03	2.21
14, 5	0.71	2.12	2.23
15, 5	0.57	2.1	2.17
16, 5	0.47	2.02	2.07
17, 5	0.38	1.91	1.95
18, 5	0.32	1.8	1.83
19, 5	0.27	1.69	1.71
0, 4	0.43	-1.63	1.69
1, 4	0.51	-1.73	1.8
2, 4	0.61	-1.82	1.92
3, 4	0.73	-1.9	2.03
4, 4	0.89	-1.95	2.14
5, 4	1.08	-1.94	2.21
6, 4	1.3	-1.82	2.23
7, 4	1.54	-1.54	2.18
8, 4	1.75	-1.05	2.05
9, 4	1.89	-0.38	1.92
10, 4	1.89	0.38	1.92
11, 4	1.75	1.05	2.05
12, 4	1.54	1.54	2.18
13, 4	1.3	1.82	2.23
14, 4	1.08	1.94	2.21
15, 4	0.89	1.95	2.14
16, 4	0.73	1.9	2.03
17, 4	0.61	1.82	1.92
18, 4	0.51	1.73	1.8
19, 4	0.43	1.63	1.69
0, 3	0.57	-1.55	1.65
1, 3	0.67	-1.63	1.76
2, 3	0.79	-1.7	1.87
3, 3	0.94	-1.75	1.98
4, 3	1.12	-1.76	2.09
5, 3	1.33	-1.71	2.17
6, 3	1.57	-1.57	2.22
7, 3	1.82	-1.3	2.23
8, 3	2.03	-0.87	2.21
9, 3	2.15	-0.31	2.18
10, 3	2.15	0.31	2.18
11, 3	2.03	0.87	2.21
12, 3	1.82	1.3	2.23
13, 3	1.57	1.57	2.22
14, 3	1.33	1.71	2.17
15, 3	1.12	1.76	2.09
16, 3	0.94	1.75	1.98
17, 3	0.79	1.7	1.87
18, 3	0.67	1.63	1.76
19, 3	0.57	1.55	1.65
0, 2	0.69	-1.46	1.61
1, 2	0.8	-1.51	1.71
2, 2	0.93	-1.55	1.81
3, 2	1.09	-1.58	1.92
4, 2	1.28	-1.56	2.02
5, 2	1.49	-1.49	2.1
6, 2	1.71	-1.33	2.17
7, 2	1.94	-1.08	2.21
8, 2	2.12	-0.71	2.23
9, 2	2.22	-0.25	2.24
10, 2	2.22	0.25	2.24
11, 2	2.12	0.71	2.23
12, 2	1.94	1.08	2.21
13, 2	1.71	1.33	2.17
14, 2	1.49	1.49	2.1
15, 2	1.28	1.56	2.02
16, 2	1.09	1.58	1.92
17, 2	0.93	1.55	1.81
18, 2	0.8	1.51	1.71
19, 2	0.69	1.46	1.61
0, 1	0.78	-1.35	1.56
1, 1	0.9	-1.39	1.65
2, 1	1.03	-1.41	1.75
3, 1	1.19	-1.41	1.84
4, 1	1.37	-1.37	1.93
5, 1	1.56	-1.28	2.02
6, 1	1.76	-1.12	2.09
7, 1	1.95	-0.89	2.14
8, 1	2.1	-0.57	2.17
9, 1	2.18	-0.2	2.19
10, 1	2.18	0.2	2.19
11, 1	2.1	0.57	2.17
12, 1	1.95	0.89	2.14
13, 1	1.76	1.12	2.09
14, 1	1.56	1.28	2.02
15, 1	1.37	1.37	1.93
16, 1	1.19	1.41	1.84
17, 1	1.03	1.41	1.75
18, 1	0.9	1.39	1.65
19, 1	0.78	1.35	1.56
0, 0	0.85	-1.25	1.51
1, 0	0.97	-1.26	1.59
2, 0	1.1	-1.27	1.68
3, 0	1.24	-1.24	1.76
4, 0	1.41	-1.19	1.84
5, 0	1.58	-1.09	1.92
6, 0	1.75	-0.94	1.98
7, 0	1.9	-0.73	2.03
8, 0	2.02	-0.47	2.07
9, 0	2.08	-0.16	2.09
10, 0	2.08	0.16	2.09
11, 0	2.02	0.47	2.07
12, 0	1.9	0.73	2.03
13, 0	1.75	0.94	1.98
14, 0	1.58	1.09	1.92
15, 0	1.41	1.19	1.84
16, 0	1.24	1.24	1.76
17, 0	1.1	1.27	1.68
18, 0	0.97	1.26	1.59
19, 0	0.85	1.25	1.51

substrate="green"

Wind field
x, y	u	v	magnitude
0, 13	-0.85	-1.25	1.51
1, 13	-0.97	-1.26	1.59
2, 13	-1.1	-1.27	1.68
3, 13	-1.24	-1.24	1.76
4, 13	-1.41	-1.19	1.84
5, 13	-1.58	-1.09	1.92
6, 13	-1.75	-0.94	1.98
7, 13	-1.9	-0.73	2.03
8, 13	-2.02	-0.47	2.07
9, 13	-2.08	-0.16	2.09
10, 13	-2.08	0.16	2.09
11, 13	-2.02	0.47	2.07
12, 13	-1.9	0.73	2.03
13, 13	-1.75	0.94	1.98
14, 13	-1.58	1.09	1.92
15, 13	-1.41	1.19	1.84
16, 13	-1.24	1.24	1.76
17, 13	-1.1	1.27	1.68
18, 13	-0.97	1.26	1.59
19, 13	-0.85	1.25	1.51
0, 12	-0.78	-1.35	1.56
1, 12	-0.9	-1.39	1.65
2, 12	-1.03	-1.41	1.75
3, 12	-1.19	-1.41	1.84
4, 12	-1.37	-1.37	1.93
5, 12	-1.56	-1.28	2.02
6, 12	-1.76	-1.12	2.09
7, 12	-1.95	-0.89	2.14
8, 12	-2.1	-0.57	2.17
9, 12	-2.18	-0.2	2.19
10, 12	-2.18	0.2	2.19
11, 12	-2.1	0.57	2.17
12, 12	-1.95	0.89	2.14
13, 12	-1.76	1.12	2.09
14, 12	-1.56	1.28	2.02
15, 12	-1.37	1.37	1.93
16, 12	-1.19	1.41	1.84
17, 12	-1.03	1.41	1.75
18, 12	-0.9	1.39	1.65
19, 12	-0.78	1.35	1.56
0, 11	-0.69	-1.46	1.61
1, 11	-0.8	-1.51	1.71
2, 11	-0.93	-1.55	1.81
3, 11	-1.09	-1.58	1.92
4, 11	-1.28	-1.56	2.02
5, 11	-1.49	-1.49	2.1
6, 11	-1.71	-1.33	2.17
7, 11	-1.94	-1.08	2.21
8, 11	-2.12	-0.71	2.23
9, 11	-2.22	-0.25	2.24
10, 11	-2.22	0.25	2.24
11, 11	-2.12	0.71	2.23
12, 11	-1.94	1.08	2.21
13, 11	-1.71	1.33	2.17
14, 11	-1.49	1.49	2.1
15, 11	-1.28	1.56	2.02
16, 11	-1.09	1.58	1.92
17, 11	-0.93	1.55	1.81
18, 11	-0.8	1.51	1.71
19, 11	-0.69	1.46	1.61
0, 10	-0.57	-1.55	1.65
1, 10	-0.67	-1.63	1.76
2, 10	-0.79	-1.7	1.87
3, 10	-0.94	-1.75	1.98
4, 10	-1.12	-1.76	2.09
5, 10	-1.33	-1.71	2.17
6, 10	-1.57	-1.57	2.22
7, 10	-1.82	-1.3	2.23
8, 10	-2.03	-0.87	2.21
9, 10	-2.15	-0.31	2.18
10, 10	-2.15	0.31	2.18
11, 10	-2.03	0.87	2.21
12, 10	-1.82	1.3	2.23
13, 10	-1.57	1.57	2.22
14, 10	-1.33	1.71	2.17
15, 10	-1.12	1.76	2.09
16, 10	-0.94	1.75	1.98
17, 10	-0.79	1.7	1.87
18, 10	-0.67	1.63	1.76
19, 10	-0.57	1.55	1.65
0, 9	-0.43	-1.63	1.69
1, 9	-0.51	-1.73	1.8
2, 9	-0.61	-1.82	1.92
3, 9	-0.73	-1.9	2.03
4, 9	-0.89	-1.95	2.14
5, 9	-1.08	-1.94	2.21
6, 9	-1.3	-1.82	2.23
7, 9	-1.54	-1.54	2.18
8, 9	-1.75	-1.05	2.05
9, 9	-1.89	-0.38	1.92
10, 9	-1.89	0.38	1.92
11, 9	-1.75	1.05	2.05
12, 9	-1.54	1.54	2.18
13, 9	-1.3	1.82	2.23
14, 9	-1.08	1.94	2.21
15, 9	-0.89	1.95	2.14
16, 9	-0.73	1.9	2.03
17, 9	-0.61	1.82	1.92
18, 9	-0.51	1.73	1.8
19, 9	-0.43	1.63	1.69
0, 8	-0.27	-1.69	1.71
1, 8	-0.32	-1.8	1.83
2, 8	-0.38	-1.91	1.95
3, 8	-0.47	-2.02	2.07
4, 8	-0.57	-2.1	2.17
5, 8	-0.71	-2.12	2.23
6, 8	-0.87	-2.03	2.21
7, 8	-1.05	-1.75	2.05
8, 8	-1.22	-1.22	1.73
9, 8	-1.33	-0.44	1.41
10, 8	-1.33	0.44	1.41
11, 8	-1.22	1.22	1.73
12, 8	-1.05	1.75	2.05
13, 8	-0.87	2.03	2.21
14, 8	-0.71	2.12	2.23
15, 8	-0.57	2.1	2.17
16, 8	-0.47	2.02	2.07
17, 8	-0.38	1.91	1.95
18, 8	-0.32	1.8	1.83
19, 8	-0.27	1.69	1.71
0, 7	-0.09	-1.72	1.72
1, 7	-0.11	-1.84	1.84
2, 7	-0.13	-1.96	1.97
3, 7	-0.16	-2.08	2.09
4, 7	-0.2	-2.18	2.19
5, 7	-0.25	-2.22	2.24
6, 7	-0.31	-2.15	2.18
7, 7	-0.38	-1.89	1.92
8, 7	-0.44	-1.33	1.41
9, 7	-0.49	-0.49	0.69
10, 7	-0.49	0.49	0.69
11, 7	-0.44	1.33	1.41
12, 7	-0.38	1.89	1.92
13, 7	-0.31	2.15	2.18
14, 7	-0.25	2.22	2.24
15, 7	-0.2	2.18	2.19
16, 7	-0.16	2.08	2.09
17, 7	-0.13	1.96	1.97
18, 7	-0.11	1.84	1.84
19, 7	-0.09	1.72	1.72
0, 6	0.09	-1.72	1.72
1, 6	0.11	-1.84	1.84
2, 6	0.13	-1.96	1.97
3, 6	0.16	-2.08	2.09
4, 6	0.2	-2.18	2.19
5, 6	0.25	-2.22	2.24
6, 6	0.31	-2.15	2.18
7, 6	0.38	-1.89	1.92
8, 6	0.44	-1.33	1.41
9, 6	0.49	-0.49	0.69
10, 6	0.49	0.49	0.69
11, 6	0.44	1.33	1.41
12, 6	0.38	1.89	1.92
13, 6	0.31	2.15	2.18
14, 6	0.25	2.22	2.24
15, 6	0.2	2.18	2.19
16, 6	0.16	2.08	2.09
17, 6	0.13	1.96	1.97
18, 6	0.11	1.84	1.84
19, 6	0.09	1.72	1.72
0, 5	0.27	-1.69	1.71
1, 5	0.32	-1.8	1.83
2, 5	0.38	-1.91	1.95
3, 5	0.47	-2.02	2.07
4, 5	0.57	-2.1	2.17
5, 5	0.71	-2.12	2.23
6, 5	0.87	-2.03	2.21
7, 5	1.05	-1.75	2.05
8, 5	1.22	-1.22	1.73
9, 5	1.33	-0.44	1.41
10, 5	1.33	0.44	1.41
11, 5	1.22	1.22	1.73
12, 5	1.05	1.75	2.05
13, 5	0.87	2.03	2.21
14, 5	0.71	2.12	2.23
15, 5	0.57	2.1	2.17
16, 5	0.47	2.02	2.07
17, 5	0.38	1.91	1.95
18, 5	0.32	1.8	1.83
19, 5	0.27	1.69	1.71
0, 4	0.43	-1.63	1.69
1, 4	0.51	-1.73	1.8
2, 4	0.61	-1.82	1.92
3, 4	0.73	-1.9	2.03
4, 4	0.89	-1.95	2.14
5, 4	1.08	-1.94	2.21
6, 4	1.3	-1.82	2.23
7, 4	1.54	-1.54	2.18
8, 4	1.75	-1.05	2.05
9, 4	1.89	-0.38	1.92
10, 4	1.89	0.38	1.92
11, 4	1.75	1.05	2.05
12, 4	1.54	1.54	2.18
13, 4	1.3	1.82	2.23
14, 4	1.08	1.94	2.21
15, 4	0.89	1.95	2.14
16, 4	0.73	1.9	2.03
17, 4	0.61	1.82	1.92
18, 4	0.51	1.73	1.8
19, 4	0.43	1.63	1.69
0, 3	0.57	-1.55	1.65
1, 3	0.67	-1.63	1.76
2, 3	0.79	-1.7	1.87
3, 3	0.94	-1.75	1.98
4, 3	1.12	-1.76	2.09
5, 3	1.33	-1.71	2.17
6, 3	1.57	-1.57	2.22
7, 3	1.82	-1.3	2.23
8, 3	2.03	-0.87	2.21
9, 3	2.15	-0.31	2.18
10, 3	2.15	0.31	2.18
11, 3	2.03	0.87	2.21
12, 3	1.82	1.3	2.23
13, 3	1.57	1.57	2.22
14, 3	1.33	1.71	2.17
15, 3	1.12	1.76	2.09
16, 3	0.94	1.75	1.98
17, 3	0.79	1.7	1.87
18, 3	0.67	1.63	1.76
19, 3	0.57	1.55	1.65
0, 2	0.69	-1.46	1.61
1, 2	0.8	-1.51	1.71
2, 2	0.93	-1.55	1.81
3, 2	1.09	-1.58	1.92
4, 2	1.28	-1.56	2.02
5, 2	1.49	-1.49	2.1
6, 2	1.71	-1.33	2.17
7, 2	1.94	-1.08	2.21
8, 2	2.12	-0.71	2.23
9, 2	2.22	-0.25	2.24
10, 2	2.22	0.25	2.24
11, 2	2.12	0.71	2.23
12, 2	1.94	1.08	2.21
13, 2	1.71	1.33	2.17
14, 2	1.49	1.49	2.1
15, 2	1.28	1.56	2.02
16, 2	1.09	1.58	1.92
17, 2	0.93	1.55	1.81
18, 2	0.8	1.51	1.71
19, 2	0.69	1.46	1.61
0, 1	0.78	-1.35	1.56
1, 1	0.9	-1.39	1.65
2, 1	1.03	-1.41	1.75
3, 1	1.19	-1.41	1.84
4, 1	1.37	-1.37	1.93
5, 1	1.56	-1.28	2.02
6, 1	1.76	-1.12	2.09
7, 1	1.95	-0.89	2.14
8, 1	2.1	-0.57	2.17
9, 1	2.18	-0.2	2.19
10, 1	2.18	0.2	2.19
11, 1	2.1	0.57	2.17
12, 1	1.95	0.89	2.14
13, 1	1.76	1.12	2.09
14, 1	1.56	1.28	2.02
15, 1	1.37	1.37	1.93
16, 1	1.19	1.41	1.84
17, 1	1.03	1.41	1.75
18, 1	0.9	1.39	1.65
19, 1	0.78	1.35	1.56
0, 0	0.85	-1.25	1.51
1, 0	0.97	-1.26	1.59
2, 0	1.1	-1.27	1.68
3, 0	1.24	-1.24	1.76
4, 0	1.41	-1.19	1.84
5, 0	1.58	-1.09	1.92
6, 0	1.75	-0.94	1.98
7, 0	1.9	-0.73	2.03
8, 0	2.02	-0.47	2.07
9, 0	2.08	-0.16	2.09
10, 0	2.08	0.16	2.09
11, 0	2.02	0.47	2.07
12, 0	1.9	0.73	2.03
13, 0	1.75	0.94	1.98
14, 0	1.58	1.09	1.92
15, 0	1.41	1.19	1.84
16, 0	1.24	1.24	1.76
17, 0	1.1	1.27	1.68
18, 0	0.97	1.26	1.59
19, 0	0.85	1.25	1.51

ground="cyanotype"

Example

The chart above, in each framework. Pick a framework once and every example on the site follows it.

shell

npm install @silverpoint/react @silverpoint/grounds @silverpoint/fonts

tsx

import '@silverpoint/fonts/fonts.css';
import '@silverpoint/grounds/styles.css';
import { VectorFieldChart } from '@silverpoint/react/vector-field-chart';

const data = [
  { x: 0, y: 0, u: 0.852, v: -1.246 },
  { x: 1, y: 0, u: 0.967, v: -1.264 },
  { x: 2, y: 0, u: 1.097, v: -1.266 },
  { x: 3, y: 0, u: 1.244, v: -1.244 },
  { x: 4, y: 0, u: 1.405, v: -1.189 },
  { x: 5, y: 0, u: 1.576, v: -1.091 },
  { x: 6, y: 0, u: 1.745, v: -0.94 },
  { x: 7, y: 0, u: 1.898, v: -0.73 },
  { x: 8, y: 0, u: 2.016, v: -0.465 },
  { x: 9, y: 0, u: 2.08, v: -0.16 },
  { x: 10, y: 0, u: 2.08, v: 0.16 },
  { x: 11, y: 0, u: 2.016, v: 0.465 },
  // … 268 more rows of the same shape
];

export default function App() {
  return (
    <div style={{ width: 480 }}>
      <VectorFieldChart
        data={data}
        xKey="x"
        yKey="y"
        uKey="u"
        vKey="v"
        title="Wind field"
      />
    </div>
  );
}

shell

npm install @silverpoint/vue @silverpoint/grounds @silverpoint/fonts

vue

<script setup lang="ts">
import '@silverpoint/fonts/fonts.css';
import '@silverpoint/grounds/styles.css';
import { SpVectorFieldChart } from '@silverpoint/vue/vector-field-chart';

const data = [
  { x: 0, y: 0, u: 0.852, v: -1.246 },
  { x: 1, y: 0, u: 0.967, v: -1.264 },
  { x: 2, y: 0, u: 1.097, v: -1.266 },
  { x: 3, y: 0, u: 1.244, v: -1.244 },
  { x: 4, y: 0, u: 1.405, v: -1.189 },
  { x: 5, y: 0, u: 1.576, v: -1.091 },
  { x: 6, y: 0, u: 1.745, v: -0.94 },
  { x: 7, y: 0, u: 1.898, v: -0.73 },
  { x: 8, y: 0, u: 2.016, v: -0.465 },
  { x: 9, y: 0, u: 2.08, v: -0.16 },
  { x: 10, y: 0, u: 2.08, v: 0.16 },
  { x: 11, y: 0, u: 2.016, v: 0.465 },
  // … 268 more rows of the same shape
];
</script>

<template>
  <div style="width: 480px">
    <SpVectorFieldChart
      :data="data"
      x-key="x"
      y-key="y"
      u-key="u"
      v-key="v"
      title="Wind field"
    />
  </div>
</template>

shell

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 { SpVectorFieldChart } from '@silverpoint/angular/vector-field-chart';

@Component({
  selector: 'app-root',
  imports: [SpVectorFieldChart],
  template: `
    <div style="width: 480px">
      <sp-vector-field-chart
        [data]="data"
        xKey="x"
        yKey="y"
        uKey="u"
        vKey="v"
        title="Wind field"
      />
    </div>
  `,
})
export class App {
  protected readonly data = [
    { x: 0, y: 0, u: 0.852, v: -1.246 },
    { x: 1, y: 0, u: 0.967, v: -1.264 },
    { x: 2, y: 0, u: 1.097, v: -1.266 },
    { x: 3, y: 0, u: 1.244, v: -1.244 },
    { x: 4, y: 0, u: 1.405, v: -1.189 },
    { x: 5, y: 0, u: 1.576, v: -1.091 },
    { x: 6, y: 0, u: 1.745, v: -0.94 },
    { x: 7, y: 0, u: 1.898, v: -0.73 },
    { x: 8, y: 0, u: 2.016, v: -0.465 },
    { x: 9, y: 0, u: 2.08, v: -0.16 },
    { x: 10, y: 0, u: 2.08, v: 0.16 },
    { x: 11, y: 0, u: 2.016, v: 0.465 },
    // … 268 more rows of the same shape
  ];
}

shell

pip install reflex-silverpoint-react

python

import reflex as rx
from reflex_silverpoint_react import vector_field_chart

DATA = [
    {"x": 0, "y": 0, "u": 0.852, "v": -1.246},
    {"x": 1, "y": 0, "u": 0.967, "v": -1.264},
    {"x": 2, "y": 0, "u": 1.097, "v": -1.266},
    {"x": 3, "y": 0, "u": 1.244, "v": -1.244},
    {"x": 4, "y": 0, "u": 1.405, "v": -1.189},
    {"x": 5, "y": 0, "u": 1.576, "v": -1.091},
    {"x": 6, "y": 0, "u": 1.745, "v": -0.94},
    {"x": 7, "y": 0, "u": 1.898, "v": -0.73},
    {"x": 8, "y": 0, "u": 2.016, "v": -0.465},
    {"x": 9, "y": 0, "u": 2.08, "v": -0.16},
    {"x": 10, "y": 0, "u": 2.08, "v": 0.16},
    {"x": 11, "y": 0, "u": 2.016, "v": 0.465},
    # … 268 more rows of the same shape
]


def index() -> rx.Component:
    return rx.box(
        vector_field_chart(
            data=DATA,
            x_key="x",
            y_key="y",
            u_key="u",
            v_key="v",
            title="Wind field",
        ),
        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 { VectorFieldChart } from '@silverpoint/react/vector-field-chart';`
Vue	`import { SpVectorFieldChart } from '@silverpoint/vue/vector-field-chart';`
Angular	`import { SpVectorFieldChart } from '@silverpoint/angular/vector-field-chart'; // <sp-vector-field-chart>`
Reflex	`from reflex_silverpoint_react import vector_field_chart`

Props

The props VectorFieldChart 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
`xKey`	`x-key`	`x_key`	`Accessor<number \| null \| undefined>`	—
`yKey`	`y-key`	`y_key`	`Accessor<number \| null \| undefined>`	—
`uKey`	`u-key`	`u_key`	`Accessor<number \| null \| undefined>`	—
`vKey`	`v-key`	`v_key`	`Accessor<number \| null \| undefined>`	—
`scale`	`scale`	`scale`	`number`	Arrow length per unit of magnitude; fitted to the grid 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`	—

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(…)`

Interaction and readouts →

Report it

Found something wrong with VectorFieldChart? Open an issue on GitHub — the form comes pre-filled with the chart and the version.

VectorFieldChart

Example

Import

Props

Common props

Events