Graflume · Alpha
Spatial vector · Edge-case application
Compare 121 cyclone vectors, continuous rising currents, and galaxy-like observations as cones, tubes, and shaded spherical points. Exercise numeric range, sparse structure, and large inputs with valid data. Each tab materializes data only when needed and never silently repairs invalid values.
Chart family · Spatial families
Spatial vector
Compare 121 cyclone vectors, continuous rising currents, and galaxy-like observations as cones, tubes, and shaded spherical points.
- Quick API
vectorCone()- Browser snapshot
graflume/spatial- mark
vector- Presets
- 3
Edge cases
Numeric range, irregular structure, and data volume
Exercise numeric range, sparse structure, and large inputs with valid data. Each tab materializes data only when needed and never silently repairs invalid values.
Wide numeric range
Mix zero, very small finite values, and very large finite values to verify automatic domains, precision, and stable geometry. NaN and Infinity remain intentionally invalid. It applies 2 data-integrity rules that preserve finite values and axis domains.
StatusLoading
extreme-rangeextreme-smallextreme-largezeromixed-signbudget:spatial-elements<=6
Loading
Core concepts
Wide numeric range · Row data
Row data and zero-copy TypedArray columns share one data contract.
xquantitative | yquantitative | zquantitative | uquantitative | vquantitative | wquantitative | magnitudequantitative | colorordinal | labelordinal |
|---|---|---|---|---|---|---|---|---|
| -2.5 | -0.7624645435202116 | -2.5 | 0 | 0 | 0 | 0 | #075985 | peripheral flow · south-west updraft |
| -2 | -0.7613481929400941 | -2.5 | 1e-09 | 0 | 0 | 1e-09 | #0284c7 | peripheral flow · south-west updraft |
| -1.5 | -0.7745918502815242 | -2.5 | -1e+06 | 1e+06 | 0 | 1.4142135623730952e+06 | #0284c7 | peripheral flow · south-west updraft |
| -1 | -0.7989530063386228 | -2.5 | 1e+12 | -1e+12 | 1 | 1.4142135623730952e+12 | #06b6d4 | peripheral flow · south updraft |
| 0 | -0.8559083286462373 | -2.5 | -1e-09 | 1e-09 | -1e-09 | 1.7320508075688772e-09 | #06b6d4 | peripheral flow · south updraft |
| 0.5 | -0.8745578456095409 | -2.5 | 1000 | 100 | -100 | 1009.9504938362078 | #06b6d4 | peripheral flow · south updraft |
Browser API · Portable schema
Browser API
GraflumeSpatial.vectorCone()
const data = {
"labels": [
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south-east updraft",
"outer rainband · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · west updraft",
"outer rainband · south-west updraft",
"outer rainband · south-west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south updraft",
"inner eyewall · south-east updraft",
"inner eyewall · south-east updraft",
"outer rainband · south-east updraft",
"outer rainband · south-east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south-west updraft",
"eye · south updraft",
"inner eyewall · south-east updraft",
"inner eyewall · south-east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · west updraft",
"eye · west updraft",
"eye · central updraft",
"eye · east updraft",
"inner eyewall · east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north-west updraft",
"eye · north updraft",
"inner eyewall · north-east updraft",
"inner eyewall · north-east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · north-west updraft",
"outer rainband · north-west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north updraft",
"inner eyewall · north-east updraft",
"inner eyewall · north-east updraft",
"outer rainband · north-east updraft",
"outer rainband · north-east updraft",
"peripheral flow · east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north-east updraft",
"outer rainband · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft"
],
"origins": [
[
-2.5,
-0.7624645435202116,
-2.5
],
[
-2,
-0.7613481929400941,
-2.5
],
[
-1.5,
-0.7745918502815242,
-2.5
],
[
-1,
-0.7989530063386228,
-2.5
],
[
-0.5,
-0.828467200483592,
-2.5
],
[
0,
-0.8559083286462373,
-2.5
],
[
0.5,
-0.8745578456095409,
-2.5
],
[
1,
-0.8798496991962432,
-2.5
],
[
1.5,
-0.8704882590884737,
-2.5
],
[
2,
-0.8487655323162522,
-2.5
],
[
2.5,
-0.82,
-2.5
],
[
-2.5,
-0.7613481929400941,
-2
],
[
-2,
-0.7745918502815242,
-2
],
[
-1.5,
-0.7989530063386228,
-2
],
[
-1,
-0.828467200483592,
-2
],
[
-0.5,
-0.8559083286462373,
-2
],
[
0,
-0.8745578456095409,
-2
],
[
0.5,
-0.8798496991962432,
-2
],
[
1,
-0.8704882590884737,
-2
],
[
1.5,
-0.8487655323162522,
-2
],
[
2,
-0.82,
-2
],
[
2.5,
-0.7912344676837477,
-2
],
[
-2.5,
-0.7745918502815242,
-1.5
],
[
-2,
-0.7989530063386228,
-1.5
],
[
-1.5,
-0.828467200483592,
-1.5
],
[
-1,
-0.8559083286462373,
-1.5
],
[
-0.5,
-0.8745578456095409,
-1.5
],
[
0,
-0.8798496991962432,
-1.5
],
[
0.5,
-0.8704882590884737,
-1.5
],
[
1,
-0.8487655323162522,
-1.5
],
[
1.5,
-0.82,
-1.5
],
[
2,
-0.7912344676837477,
-1.5
],
[
2.5,
-0.7695117409115262,
-1.5
],
[
-2.5,
-0.7989530063386228,
-1
],
[
-2,
-0.828467200483592,
-1
],
[
-1.5,
-0.8559083286462373,
-1
],
[
-1,
-0.8745578456095409,
-1
],
[
-0.5,
-0.8798496991962432,
-1
],
[
0,
-0.8704882590884737,
-1
],
[
0.5,
-0.8487655323162522,
-1
],
[
1,
-0.82,
-1
],
[
1.5,
-0.7912344676837477,
-1
],
[
2,
-0.7695117409115262,
-1
],
[
2.5,
-0.7601503008037567,
-1
],
[
-2.5,
-0.828467200483592,
-0.5
],
[
-2,
-0.8559083286462373,
-0.5
],
[
-1.5,
-0.8745578456095409,
-0.5
],
[
-1,
-0.8798496991962432,
-0.5
],
[
-0.5,
-0.8704882590884737,
-0.5
],
[
0,
-0.8487655323162522,
-0.5
],
[
0.5,
-0.82,
-0.5
],
[
1,
-0.7912344676837477,
-0.5
],
[
1.5,
-0.7695117409115262,
-0.5
],
[
2,
-0.7601503008037567,
-0.5
],
[
2.5,
-0.765442154390459,
-0.5
],
[
-2.5,
-0.8559083286462373,
0
],
[
-2,
-0.8745578456095409,
0
],
[
-1.5,
-0.8798496991962432,
0
],
[
-1,
-0.8704882590884737,
0
],
[
-0.5,
-0.8487655323162522,
0
],
[
0,
-0.82,
0
],
[
0.5,
-0.7912344676837477,
0
],
[
1,
-0.7695117409115262,
0
],
[
1.5,
-0.7601503008037567,
0
],
[
2,
-0.765442154390459,
0
],
[
2.5,
-0.7840916713537626,
0
],
[
-2.5,
-0.8745578456095409,
0.5
],
[
-2,
-0.8798496991962432,
0.5
],
[
-1.5,
-0.8704882590884737,
0.5
],
[
-1,
-0.8487655323162522,
0.5
],
[
-0.5,
-0.82,
0.5
],
[
0,
-0.7912344676837477,
0.5
],
[
0.5,
-0.7695117409115262,
0.5
],
[
1,
-0.7601503008037567,
0.5
],
[
1.5,
-0.765442154390459,
0.5
],
[
2,
-0.7840916713537626,
0.5
],
[
2.5,
-0.8115327995164079,
0.5
],
[
-2.5,
-0.8798496991962432,
1
],
[
-2,
-0.8704882590884737,
1
],
[
-1.5,
-0.8487655323162522,
1
],
[
-1,
-0.82,
1
],
[
-0.5,
-0.7912344676837477,
1
],
[
0,
-0.7695117409115262,
1
],
[
0.5,
-0.7601503008037567,
1
],
[
1,
-0.765442154390459,
1
],
[
1.5,
-0.7840916713537626,
1
],
[
2,
-0.8115327995164079,
1
],
[
2.5,
-0.8410469936613771,
1
],
[
-2.5,
-0.8704882590884737,
1.5
],
[
-2,
-0.8487655323162522,
1.5
],
[
-1.5,
-0.82,
1.5
],
[
-1,
-0.7912344676837477,
1.5
],
[
-0.5,
-0.7695117409115262,
1.5
],
[
0,
-0.7601503008037567,
1.5
],
[
0.5,
-0.765442154390459,
1.5
],
[
1,
-0.7840916713537626,
1.5
],
[
1.5,
-0.8115327995164079,
1.5
],
[
2,
-0.8410469936613771,
1.5
],
[
2.5,
-0.8654081497184757,
1.5
],
[
-2.5,
-0.8487655323162522,
2
],
[
-2,
-0.82,
2
],
[
-1.5,
-0.7912344676837477,
2
],
[
-1,
-0.7695117409115262,
2
],
[
-0.5,
-0.7601503008037567,
2
],
[
0,
-0.765442154390459,
2
],
[
0.5,
-0.7840916713537626,
2
],
[
1,
-0.8115327995164079,
2
],
[
1.5,
-0.8410469936613771,
2
],
[
2,
-0.8654081497184757,
2
],
[
2.5,
-0.8786518070599058,
2
],
[
-2.5,
-0.82,
2.5
],
[
-2,
-0.7912344676837477,
2.5
],
[
-1.5,
-0.7695117409115262,
2.5
],
[
-1,
-0.7601503008037567,
2.5
],
[
-0.5,
-0.765442154390459,
2.5
],
[
0,
-0.7840916713537626,
2.5
],
[
0.5,
-0.8115327995164079,
2.5
],
[
1,
-0.8410469936613771,
2.5
],
[
1.5,
-0.8654081497184757,
2.5
],
[
2,
-0.8786518070599058,
2.5
],
[
2.5,
-0.8775354564797883,
2.5
]
],
"vectors": [
[
0.40625000772652975,
0.2931230951962793,
-0.40625000772652975
],
[
0.48046946581439604,
0.30820145775486923,
-0.38437557265151684
],
[
0.5623649295405075,
0.33113011560256445,
-0.3374189577243045
],
[
0.6420305657188161,
0.3582081349819636,
-0.2568122262875265
],
[
0.702561181407957,
0.3809245966342704,
-0.14051223628159143
],
[
0.7255285912476187,
0.3898783308053821,
0
],
[
0.702561181407957,
0.3809245966342704,
0.14051223628159143
],
[
0.6420305657188161,
0.3582081349819636,
0.2568122262875265
],
[
0.5623649295405075,
0.33113011560256445,
0.3374189577243045
],
[
0.48046946581439604,
0.30820145775486923,
0.38437557265151684
],
[
0.40625000772652975,
0.2931230951962793,
0.40625000772652975
],
[
0.38437557265151684,
0.30820145775486923,
-0.48046946581439604
],
[
0.47326683587965274,
0.34060477407229073,
-0.47326683587965274
],
[
0.580422872998095,
0.3898783308053821,
-0.4353171547485712
],
[
0.6955055960629879,
0.44806884212851583,
-0.34775279803149395
],
[
0.7914756763265041,
0.4968863904313945,
-0.19786891908162602
],
[
0.8301028940481434,
0.5161279147972715,
0
],
[
0.7914756763265041,
0.4968863904313945,
0.19786891908162602
],
[
0.6955055960629879,
0.44806884212851583,
0.34775279803149395
],
[
0.580422872998095,
0.3898783308053821,
0.4353171547485712
],
[
0.47326683587965274,
0.34060477407229073,
0.47326683587965274
],
[
0.38437557265151684,
0.30820145775486923,
0.48046946581439604
],
[
0.3374189577243045,
0.33113011560256445,
-0.5623649295405075
],
[
0.4353171547485712,
0.3898783308053821,
-0.580422872998095
],
[
0.5673665500698446,
0.47921281393072646,
-0.5673665500698446
],
[
0.7311782761640123,
0.5847140116626225,
-0.4874521841093415
],
[
0.8910450147115849,
0.6732217373928285,
-0.2970150049038616
],
[
0.9630428876287638,
0.7081072164963684,
0
],
[
0.8910450147115849,
0.6732217373928285,
0.2970150049038616
],
[
0.7311782761640123,
0.5847140116626225,
0.4874521841093415
],
[
0.5673665500698446,
0.47921281393072646,
0.5673665500698446
],
[
0.4353171547485712,
0.3898783308053821,
0.580422872998095
],
[
0.3374189577243045,
0.33113011560256445,
0.5623649295405075
],
[
0.2568122262875265,
0.3582081349819636,
-0.6420305657188161
],
[
0.34775279803149395,
0.44806884212851583,
-0.6955055960629879
],
[
0.4874521841093415,
0.5847140116626225,
-0.7311782761640123
],
[
0.6994939045671964,
0.7460876329763424,
-0.6994939045671964
],
[
0.9735089118424732,
0.8814682023194594,
-0.4867544559212366
],
[
1.1320427415118604,
0.9348286969416011,
0
],
[
0.9735089118424732,
0.8814682023194594,
0.4867544559212366
],
[
0.6994939045671964,
0.7460876329763424,
0.6994939045671964
],
[
0.4874521841093415,
0.5847140116626225,
0.7311782761640123
],
[
0.34775279803149395,
0.44806884212851583,
0.6955055960629879
],
[
0.2568122262875265,
0.3582081349819636,
0.6420305657188161
],
[
0.14051223628159143,
0.3809245966342704,
-0.702561181407957
],
[
0.19786891908162602,
0.4968863904313945,
-0.7914756763265041
],
[
0.2970150049038616,
0.6732217373928285,
-0.8910450147115849
],
[
0.4867544559212366,
0.8814682023194594,
-0.9735089118424732
],
[
0.8850166551590202,
1.0561716312686729,
-0.8850166551590202
],
[
1.3468836621651883,
1.125031301649341,
0
],
[
0.8850166551590202,
1.0561716312686729,
0.8850166551590202
],
[
0.4867544559212366,
0.8814682023194594,
0.9735089118424732
],
[
0.2970150049038616,
0.6732217373928285,
0.8910450147115849
],
[
0.19786891908162602,
0.4968863904313945,
0.7914756763265041
],
[
0.14051223628159143,
0.3809245966342704,
0.702561181407957
],
[
0,
0.3898783308053821,
-0.7255285912476187
],
[
0,
0.5161279147972715,
-0.8301028940481434
],
[
0,
0.7081072164963684,
-0.9630428876287638
],
[
0,
0.9348286969416011,
-1.1320427415118604
],
[
0,
1.125031301649341,
-1.3468836621651883
],
[
0,
1.2000000000000002,
0
],
[
0,
1.125031301649341,
1.3468836621651883
],
[
0,
0.9348286969416011,
1.1320427415118604
],
[
0,
0.7081072164963684,
0.9630428876287638
],
[
0,
0.5161279147972715,
0.8301028940481434
],
[
0,
0.3898783308053821,
0.7255285912476187
],
[
-0.14051223628159143,
0.3809245966342704,
-0.702561181407957
],
[
-0.19786891908162602,
0.4968863904313945,
-0.7914756763265041
],
[
-0.2970150049038616,
0.6732217373928285,
-0.8910450147115849
],
[
-0.4867544559212366,
0.8814682023194594,
-0.9735089118424732
],
[
-0.8850166551590202,
1.0561716312686729,
-0.8850166551590202
],
[
-1.3468836621651883,
1.125031301649341,
0
],
[
-0.8850166551590202,
1.0561716312686729,
0.8850166551590202
],
[
-0.4867544559212366,
0.8814682023194594,
0.9735089118424732
],
[
-0.2970150049038616,
0.6732217373928285,
0.8910450147115849
],
[
-0.19786891908162602,
0.4968863904313945,
0.7914756763265041
],
[
-0.14051223628159143,
0.3809245966342704,
0.702561181407957
],
[
-0.2568122262875265,
0.3582081349819636,
-0.6420305657188161
],
[
-0.34775279803149395,
0.44806884212851583,
-0.6955055960629879
],
[
-0.4874521841093415,
0.5847140116626225,
-0.7311782761640123
],
[
-0.6994939045671964,
0.7460876329763424,
-0.6994939045671964
],
[
-0.9735089118424732,
0.8814682023194594,
-0.4867544559212366
],
[
-1.1320427415118604,
0.9348286969416011,
0
],
[
-0.9735089118424732,
0.8814682023194594,
0.4867544559212366
],
[
-0.6994939045671964,
0.7460876329763424,
0.6994939045671964
],
[
-0.4874521841093415,
0.5847140116626225,
0.7311782761640123
],
[
-0.34775279803149395,
0.44806884212851583,
0.6955055960629879
],
[
-0.2568122262875265,
0.3582081349819636,
0.6420305657188161
],
[
-0.3374189577243045,
0.33113011560256445,
-0.5623649295405075
],
[
-0.4353171547485712,
0.3898783308053821,
-0.580422872998095
],
[
-0.5673665500698446,
0.47921281393072646,
-0.5673665500698446
],
[
-0.7311782761640123,
0.5847140116626225,
-0.4874521841093415
],
[
-0.8910450147115849,
0.6732217373928285,
-0.2970150049038616
],
[
-0.9630428876287638,
0.7081072164963684,
0
],
[
-0.8910450147115849,
0.6732217373928285,
0.2970150049038616
],
[
-0.7311782761640123,
0.5847140116626225,
0.4874521841093415
],
[
-0.5673665500698446,
0.47921281393072646,
0.5673665500698446
],
[
-0.4353171547485712,
0.3898783308053821,
0.580422872998095
],
[
-0.3374189577243045,
0.33113011560256445,
0.5623649295405075
],
[
-0.38437557265151684,
0.30820145775486923,
-0.48046946581439604
],
[
-0.47326683587965274,
0.34060477407229073,
-0.47326683587965274
],
[
-0.580422872998095,
0.3898783308053821,
-0.4353171547485712
],
[
-0.6955055960629879,
0.44806884212851583,
-0.34775279803149395
],
[
-0.7914756763265041,
0.4968863904313945,
-0.19786891908162602
],
[
-0.8301028940481434,
0.5161279147972715,
0
],
[
-0.7914756763265041,
0.4968863904313945,
0.19786891908162602
],
[
-0.6955055960629879,
0.44806884212851583,
0.34775279803149395
],
[
-0.580422872998095,
0.3898783308053821,
0.4353171547485712
],
[
-0.47326683587965274,
0.34060477407229073,
0.47326683587965274
],
[
-0.38437557265151684,
0.30820145775486923,
0.48046946581439604
],
[
-0.40625000772652975,
0.2931230951962793,
-0.40625000772652975
],
[
-0.48046946581439604,
0.30820145775486923,
-0.38437557265151684
],
[
-0.5623649295405075,
0.33113011560256445,
-0.3374189577243045
],
[
-0.6420305657188161,
0.3582081349819636,
-0.2568122262875265
],
[
-0.702561181407957,
0.3809245966342704,
-0.14051223628159143
],
[
-0.7255285912476187,
0.3898783308053821,
0
],
[
-0.702561181407957,
0.3809245966342704,
0.14051223628159143
],
[
-0.6420305657188161,
0.3582081349819636,
0.2568122262875265
],
[
-0.5623649295405075,
0.33113011560256445,
0.3374189577243045
],
[
-0.48046946581439604,
0.30820145775486923,
0.38437557265151684
],
[
-0.40625000772652975,
0.2931230951962793,
0.40625000772652975
]
]
};
const options = {
"ariaLabel": "Spatial vector · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"autoResize": true,
"height": 420
},
"id": "manual-spatial-vector-range",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"tooltip": true,
"wheel": "modifier"
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"title": "Spatial vector"
};
GraflumeSpatial.vectorCone('#chart', data, options);Portable schema
SpatialSpec 0.1 · options
{
"ariaLabel": "Spatial vector · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"autoResize": true,
"height": 420
},
"id": "manual-spatial-vector-range",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"tooltip": true,
"wheel": "modifier"
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"title": "Spatial vector"
}Sparse and irregular structure
Exercise only duplicate, missing, sparse, or out-of-order structures whose meaning is defined for this family. Broken references and malformed tuples are never disguised as successful examples. It applies 3 structural rules that preserve the meaning of missing, duplicate, and ordered values.
StatusLoading
irregular-structuresparsezero-vectorunequal-path-lengthbudget:spatial-elements<=6
Loading
Core concepts
Sparse and irregular structure · Row data
Row data and zero-copy TypedArray columns share one data contract.
xquantitative | yquantitative | zquantitative | uquantitative | vquantitative | wquantitative | magnitudequantitative | colorordinal | labelordinal |
|---|---|---|---|---|---|---|---|---|
| -2.5 | -0.7624645435202116 | -2.5 | 0.40625000772652975 | 0.2931230951962793 | -0.40625000772652975 | 0.6449800667408706 | #075985 | peripheral flow · south-west updraft |
| -2 | -0.7613481929400941 | -2.5 | 0.48046946581439604 | 0.30820145775486923 | -0.38437557265151684 | 0.6881741254896024 | #0284c7 | peripheral flow · south-west updraft |
| -1.5 | -0.7745918502815242 | -2.5 | 0.5623649295405075 | 0.33113011560256445 | -0.3374189577243045 | 0.7346788553292001 | #0284c7 | peripheral flow · south-west updraft |
| -1 | -0.7989530063386228 | -2.5 | 0.6420305657188161 | 0.3582081349819636 | -0.2568122262875265 | 0.7787610897157327 | #06b6d4 | peripheral flow · south updraft |
| 0 | -0.8559083286462373 | -2.5 | 0.7255285912476187 | 0.3898783308053821 | 0 | 0.8236484987841264 | #06b6d4 | peripheral flow · south updraft |
| 0.5 | -0.8745578456095409 | -2.5 | 0.702561181407957 | 0.3809245966342704 | 0.14051223628159143 | 0.811442820220365 | #06b6d4 | peripheral flow · south updraft |
Browser API · Portable schema
Browser API
GraflumeSpatial.vectorCone()
const data = {
"labels": [
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-west updraft",
"peripheral flow · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south-west updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south updraft",
"outer rainband · south-east updraft",
"outer rainband · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · south-east updraft",
"peripheral flow · west updraft",
"outer rainband · south-west updraft",
"outer rainband · south-west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south updraft",
"inner eyewall · south-east updraft",
"inner eyewall · south-east updraft",
"outer rainband · south-east updraft",
"outer rainband · south-east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · south-west updraft",
"inner eyewall · south-west updraft",
"eye · south updraft",
"inner eyewall · south-east updraft",
"inner eyewall · south-east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · west updraft",
"eye · west updraft",
"eye · central updraft",
"eye · east updraft",
"inner eyewall · east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · west updraft",
"outer rainband · west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north-west updraft",
"eye · north updraft",
"inner eyewall · north-east updraft",
"inner eyewall · north-east updraft",
"outer rainband · east updraft",
"outer rainband · east updraft",
"peripheral flow · east updraft",
"peripheral flow · west updraft",
"outer rainband · north-west updraft",
"outer rainband · north-west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north-west updraft",
"inner eyewall · north updraft",
"inner eyewall · north-east updraft",
"inner eyewall · north-east updraft",
"outer rainband · north-east updraft",
"outer rainband · north-east updraft",
"peripheral flow · east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north-east updraft",
"outer rainband · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"outer rainband · north-west updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north updraft",
"outer rainband · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north-west updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft",
"peripheral flow · north-east updraft"
],
"origins": [
[
-2.5,
-0.7624645435202116,
-2.5
],
[
-2,
-0.7613481929400941,
-2.5
],
[
-1.5,
-0.7745918502815242,
-2.5
],
[
-1,
-0.7989530063386228,
-2.5
],
[
-0.5,
-0.828467200483592,
-2.5
],
[
0,
-0.8559083286462373,
-2.5
],
[
0.5,
-0.8745578456095409,
-2.5
],
[
1,
-0.8798496991962432,
-2.5
],
[
1.5,
-0.8704882590884737,
-2.5
],
[
2,
-0.8487655323162522,
-2.5
],
[
2.5,
-0.82,
-2.5
],
[
-2.5,
-0.7613481929400941,
-2
],
[
-2,
-0.7745918502815242,
-2
],
[
-1.5,
-0.7989530063386228,
-2
],
[
-1,
-0.828467200483592,
-2
],
[
-0.5,
-0.8559083286462373,
-2
],
[
0,
-0.8745578456095409,
-2
],
[
0.5,
-0.8798496991962432,
-2
],
[
1,
-0.8704882590884737,
-2
],
[
1.5,
-0.8487655323162522,
-2
],
[
2,
-0.82,
-2
],
[
2.5,
-0.7912344676837477,
-2
],
[
-2.5,
-0.7745918502815242,
-1.5
],
[
-2,
-0.7989530063386228,
-1.5
],
[
-1.5,
-0.828467200483592,
-1.5
],
[
-1,
-0.8559083286462373,
-1.5
],
[
-0.5,
-0.8745578456095409,
-1.5
],
[
0,
-0.8798496991962432,
-1.5
],
[
0.5,
-0.8704882590884737,
-1.5
],
[
1,
-0.8487655323162522,
-1.5
],
[
1.5,
-0.82,
-1.5
],
[
2,
-0.7912344676837477,
-1.5
],
[
2.5,
-0.7695117409115262,
-1.5
],
[
-2.5,
-0.7989530063386228,
-1
],
[
-2,
-0.828467200483592,
-1
],
[
-1.5,
-0.8559083286462373,
-1
],
[
-1,
-0.8745578456095409,
-1
],
[
-0.5,
-0.8798496991962432,
-1
],
[
0,
-0.8704882590884737,
-1
],
[
0.5,
-0.8487655323162522,
-1
],
[
1,
-0.82,
-1
],
[
1.5,
-0.7912344676837477,
-1
],
[
2,
-0.7695117409115262,
-1
],
[
2.5,
-0.7601503008037567,
-1
],
[
-2.5,
-0.828467200483592,
-0.5
],
[
-2,
-0.8559083286462373,
-0.5
],
[
-1.5,
-0.8745578456095409,
-0.5
],
[
-1,
-0.8798496991962432,
-0.5
],
[
-0.5,
-0.8704882590884737,
-0.5
],
[
0,
-0.8487655323162522,
-0.5
],
[
0.5,
-0.82,
-0.5
],
[
1,
-0.7912344676837477,
-0.5
],
[
1.5,
-0.7695117409115262,
-0.5
],
[
2,
-0.7601503008037567,
-0.5
],
[
2.5,
-0.765442154390459,
-0.5
],
[
-2.5,
-0.8559083286462373,
0
],
[
-2,
-0.8745578456095409,
0
],
[
-1.5,
-0.8798496991962432,
0
],
[
-1,
-0.8704882590884737,
0
],
[
-0.5,
-0.8487655323162522,
0
],
[
0,
-0.82,
0
],
[
0.5,
-0.7912344676837477,
0
],
[
1,
-0.7695117409115262,
0
],
[
1.5,
-0.7601503008037567,
0
],
[
2,
-0.765442154390459,
0
],
[
2.5,
-0.7840916713537626,
0
],
[
-2.5,
-0.8745578456095409,
0.5
],
[
-2,
-0.8798496991962432,
0.5
],
[
-1.5,
-0.8704882590884737,
0.5
],
[
-1,
-0.8487655323162522,
0.5
],
[
-0.5,
-0.82,
0.5
],
[
0,
-0.7912344676837477,
0.5
],
[
0.5,
-0.7695117409115262,
0.5
],
[
1,
-0.7601503008037567,
0.5
],
[
1.5,
-0.765442154390459,
0.5
],
[
2,
-0.7840916713537626,
0.5
],
[
2.5,
-0.8115327995164079,
0.5
],
[
-2.5,
-0.8798496991962432,
1
],
[
-2,
-0.8704882590884737,
1
],
[
-1.5,
-0.8487655323162522,
1
],
[
-1,
-0.82,
1
],
[
-0.5,
-0.7912344676837477,
1
],
[
0,
-0.7695117409115262,
1
],
[
0.5,
-0.7601503008037567,
1
],
[
1,
-0.765442154390459,
1
],
[
1.5,
-0.7840916713537626,
1
],
[
2,
-0.8115327995164079,
1
],
[
2.5,
-0.8410469936613771,
1
],
[
-2.5,
-0.8704882590884737,
1.5
],
[
-2,
-0.8487655323162522,
1.5
],
[
-1.5,
-0.82,
1.5
],
[
-1,
-0.7912344676837477,
1.5
],
[
-0.5,
-0.7695117409115262,
1.5
],
[
0,
-0.7601503008037567,
1.5
],
[
0.5,
-0.765442154390459,
1.5
],
[
1,
-0.7840916713537626,
1.5
],
[
1.5,
-0.8115327995164079,
1.5
],
[
2,
-0.8410469936613771,
1.5
],
[
2.5,
-0.8654081497184757,
1.5
],
[
-2.5,
-0.8487655323162522,
2
],
[
-2,
-0.82,
2
],
[
-1.5,
-0.7912344676837477,
2
],
[
-1,
-0.7695117409115262,
2
],
[
-0.5,
-0.7601503008037567,
2
],
[
0,
-0.765442154390459,
2
],
[
0.5,
-0.7840916713537626,
2
],
[
1,
-0.8115327995164079,
2
],
[
1.5,
-0.8410469936613771,
2
],
[
2,
-0.8654081497184757,
2
],
[
2.5,
-0.8786518070599058,
2
],
[
-2.5,
-0.82,
2.5
],
[
-2,
-0.7912344676837477,
2.5
],
[
-1.5,
-0.7695117409115262,
2.5
],
[
-1,
-0.7601503008037567,
2.5
],
[
-0.5,
-0.765442154390459,
2.5
],
[
0,
-0.7840916713537626,
2.5
],
[
0.5,
-0.8115327995164079,
2.5
],
[
1,
-0.8410469936613771,
2.5
],
[
1.5,
-0.8654081497184757,
2.5
],
[
2,
-0.8786518070599058,
2.5
],
[
2.5,
-0.8775354564797883,
2.5
]
],
"vectors": [
[
0.40625000772652975,
0.2931230951962793,
-0.40625000772652975
],
[
0.48046946581439604,
0.30820145775486923,
-0.38437557265151684
],
[
0.5623649295405075,
0.33113011560256445,
-0.3374189577243045
],
[
0.6420305657188161,
0.3582081349819636,
-0.2568122262875265
],
[
0.702561181407957,
0.3809245966342704,
-0.14051223628159143
],
[
0.7255285912476187,
0.3898783308053821,
0
],
[
0.702561181407957,
0.3809245966342704,
0.14051223628159143
],
[
0.6420305657188161,
0.3582081349819636,
0.2568122262875265
],
[
0.5623649295405075,
0.33113011560256445,
0.3374189577243045
],
[
0.48046946581439604,
0.30820145775486923,
0.38437557265151684
],
[
0.40625000772652975,
0.2931230951962793,
0.40625000772652975
],
[
0.38437557265151684,
0.30820145775486923,
-0.48046946581439604
],
[
0.47326683587965274,
0.34060477407229073,
-0.47326683587965274
],
[
0.580422872998095,
0.3898783308053821,
-0.4353171547485712
],
[
0.6955055960629879,
0.44806884212851583,
-0.34775279803149395
],
[
0.7914756763265041,
0.4968863904313945,
-0.19786891908162602
],
[
0.8301028940481434,
0.5161279147972715,
0
],
[
0.7914756763265041,
0.4968863904313945,
0.19786891908162602
],
[
0.6955055960629879,
0.44806884212851583,
0.34775279803149395
],
[
0.580422872998095,
0.3898783308053821,
0.4353171547485712
],
[
0.47326683587965274,
0.34060477407229073,
0.47326683587965274
],
[
0.38437557265151684,
0.30820145775486923,
0.48046946581439604
],
[
0.3374189577243045,
0.33113011560256445,
-0.5623649295405075
],
[
0.4353171547485712,
0.3898783308053821,
-0.580422872998095
],
[
0.5673665500698446,
0.47921281393072646,
-0.5673665500698446
],
[
0.7311782761640123,
0.5847140116626225,
-0.4874521841093415
],
[
0.8910450147115849,
0.6732217373928285,
-0.2970150049038616
],
[
0.9630428876287638,
0.7081072164963684,
0
],
[
0.8910450147115849,
0.6732217373928285,
0.2970150049038616
],
[
0.7311782761640123,
0.5847140116626225,
0.4874521841093415
],
[
0.5673665500698446,
0.47921281393072646,
0.5673665500698446
],
[
0.4353171547485712,
0.3898783308053821,
0.580422872998095
],
[
0.3374189577243045,
0.33113011560256445,
0.5623649295405075
],
[
0.2568122262875265,
0.3582081349819636,
-0.6420305657188161
],
[
0.34775279803149395,
0.44806884212851583,
-0.6955055960629879
],
[
0.4874521841093415,
0.5847140116626225,
-0.7311782761640123
],
[
0.6994939045671964,
0.7460876329763424,
-0.6994939045671964
],
[
0.9735089118424732,
0.8814682023194594,
-0.4867544559212366
],
[
1.1320427415118604,
0.9348286969416011,
0
],
[
0.9735089118424732,
0.8814682023194594,
0.4867544559212366
],
[
0.6994939045671964,
0.7460876329763424,
0.6994939045671964
],
[
0.4874521841093415,
0.5847140116626225,
0.7311782761640123
],
[
0.34775279803149395,
0.44806884212851583,
0.6955055960629879
],
[
0.2568122262875265,
0.3582081349819636,
0.6420305657188161
],
[
0.14051223628159143,
0.3809245966342704,
-0.702561181407957
],
[
0.19786891908162602,
0.4968863904313945,
-0.7914756763265041
],
[
0.2970150049038616,
0.6732217373928285,
-0.8910450147115849
],
[
0.4867544559212366,
0.8814682023194594,
-0.9735089118424732
],
[
0.8850166551590202,
1.0561716312686729,
-0.8850166551590202
],
[
1.3468836621651883,
1.125031301649341,
0
],
[
0.8850166551590202,
1.0561716312686729,
0.8850166551590202
],
[
0.4867544559212366,
0.8814682023194594,
0.9735089118424732
],
[
0.2970150049038616,
0.6732217373928285,
0.8910450147115849
],
[
0.19786891908162602,
0.4968863904313945,
0.7914756763265041
],
[
0.14051223628159143,
0.3809245966342704,
0.702561181407957
],
[
0,
0.3898783308053821,
-0.7255285912476187
],
[
0,
0.5161279147972715,
-0.8301028940481434
],
[
0,
0.7081072164963684,
-0.9630428876287638
],
[
0,
0.9348286969416011,
-1.1320427415118604
],
[
0,
1.125031301649341,
-1.3468836621651883
],
[
0,
1.2000000000000002,
0
],
[
0,
1.125031301649341,
1.3468836621651883
],
[
0,
0.9348286969416011,
1.1320427415118604
],
[
0,
0.7081072164963684,
0.9630428876287638
],
[
0,
0.5161279147972715,
0.8301028940481434
],
[
0,
0.3898783308053821,
0.7255285912476187
],
[
-0.14051223628159143,
0.3809245966342704,
-0.702561181407957
],
[
-0.19786891908162602,
0.4968863904313945,
-0.7914756763265041
],
[
-0.2970150049038616,
0.6732217373928285,
-0.8910450147115849
],
[
-0.4867544559212366,
0.8814682023194594,
-0.9735089118424732
],
[
-0.8850166551590202,
1.0561716312686729,
-0.8850166551590202
],
[
-1.3468836621651883,
1.125031301649341,
0
],
[
-0.8850166551590202,
1.0561716312686729,
0.8850166551590202
],
[
-0.4867544559212366,
0.8814682023194594,
0.9735089118424732
],
[
-0.2970150049038616,
0.6732217373928285,
0.8910450147115849
],
[
-0.19786891908162602,
0.4968863904313945,
0.7914756763265041
],
[
-0.14051223628159143,
0.3809245966342704,
0.702561181407957
],
[
-0.2568122262875265,
0.3582081349819636,
-0.6420305657188161
],
[
-0.34775279803149395,
0.44806884212851583,
-0.6955055960629879
],
[
-0.4874521841093415,
0.5847140116626225,
-0.7311782761640123
],
[
-0.6994939045671964,
0.7460876329763424,
-0.6994939045671964
],
[
-0.9735089118424732,
0.8814682023194594,
-0.4867544559212366
],
[
-1.1320427415118604,
0.9348286969416011,
0
],
[
-0.9735089118424732,
0.8814682023194594,
0.4867544559212366
],
[
-0.6994939045671964,
0.7460876329763424,
0.6994939045671964
],
[
-0.4874521841093415,
0.5847140116626225,
0.7311782761640123
],
[
-0.34775279803149395,
0.44806884212851583,
0.6955055960629879
],
[
-0.2568122262875265,
0.3582081349819636,
0.6420305657188161
],
[
-0.3374189577243045,
0.33113011560256445,
-0.5623649295405075
],
[
-0.4353171547485712,
0.3898783308053821,
-0.580422872998095
],
[
-0.5673665500698446,
0.47921281393072646,
-0.5673665500698446
],
[
-0.7311782761640123,
0.5847140116626225,
-0.4874521841093415
],
[
-0.8910450147115849,
0.6732217373928285,
-0.2970150049038616
],
[
-0.9630428876287638,
0.7081072164963684,
0
],
[
-0.8910450147115849,
0.6732217373928285,
0.2970150049038616
],
[
-0.7311782761640123,
0.5847140116626225,
0.4874521841093415
],
[
-0.5673665500698446,
0.47921281393072646,
0.5673665500698446
],
[
-0.4353171547485712,
0.3898783308053821,
0.580422872998095
],
[
-0.3374189577243045,
0.33113011560256445,
0.5623649295405075
],
[
-0.38437557265151684,
0.30820145775486923,
-0.48046946581439604
],
[
-0.47326683587965274,
0.34060477407229073,
-0.47326683587965274
],
[
-0.580422872998095,
0.3898783308053821,
-0.4353171547485712
],
[
-0.6955055960629879,
0.44806884212851583,
-0.34775279803149395
],
[
-0.7914756763265041,
0.4968863904313945,
-0.19786891908162602
],
[
-0.8301028940481434,
0.5161279147972715,
0
],
[
-0.7914756763265041,
0.4968863904313945,
0.19786891908162602
],
[
-0.6955055960629879,
0.44806884212851583,
0.34775279803149395
],
[
-0.580422872998095,
0.3898783308053821,
0.4353171547485712
],
[
-0.47326683587965274,
0.34060477407229073,
0.47326683587965274
],
[
-0.38437557265151684,
0.30820145775486923,
0.48046946581439604
],
[
-0.40625000772652975,
0.2931230951962793,
-0.40625000772652975
],
[
-0.48046946581439604,
0.30820145775486923,
-0.38437557265151684
],
[
-0.5623649295405075,
0.33113011560256445,
-0.3374189577243045
],
[
-0.6420305657188161,
0.3582081349819636,
-0.2568122262875265
],
[
-0.702561181407957,
0.3809245966342704,
-0.14051223628159143
],
[
-0.7255285912476187,
0.3898783308053821,
0
],
[
-0.702561181407957,
0.3809245966342704,
0.14051223628159143
],
[
-0.6420305657188161,
0.3582081349819636,
0.2568122262875265
],
[
-0.5623649295405075,
0.33113011560256445,
0.3374189577243045
],
[
-0.48046946581439604,
0.30820145775486923,
0.38437557265151684
],
[
-0.40625000772652975,
0.2931230951962793,
0.40625000772652975
]
]
};
const options = {
"ariaLabel": "Spatial vector · Sparse and irregular structure · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"autoResize": true,
"height": 420
},
"id": "manual-spatial-vector-structure",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · Sparse and irregular structure · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"tooltip": true,
"wheel": "modifier"
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"title": "Spatial vector · Sparse and irregular structure"
};
GraflumeSpatial.vectorCone('#chart', data, options);Portable schema
SpatialSpec 0.1 · options
{
"ariaLabel": "Spatial vector · Sparse and irregular structure · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"autoResize": true,
"height": 420
},
"id": "manual-spatial-vector-structure",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · Sparse and irregular structure · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"tooltip": true,
"wheel": "modifier"
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"title": "Spatial vector · Sparse and irregular structure"
}High data volume
Materialize a deterministic compact recipe only when this tab opens. Graflume's performance profile bounds mark count, hit testing, and animation work for the input size. It applies 6 high-volume rules for deterministic generation and bounded output. This family materializes 50,000 logical vectors and bounds rendered vectors at 50,000.
StatusLoading
high-row-cardinalityall-input-rows-generatedall-input-rows-processeddeterministic-generationbounded-renderinginput:50000zoom-pan-resetbudget:vectors<=50000
- Legend:
legend · explicit · 3 channels - Point and range highlights:
highlights[] · datum · spatial pick - Custom callouts:
annotations[] · datum · spatial pick · callout · placement:auto
Loading
Browser API · Portable schema
Browser API
GraflumeSpatial.vectorCone()
const recipe = {
"cardinality": {
"axes": {
"vectors": 50000
},
"sourceRows": 50000,
"unit": "vectors"
},
"expectedInvariants": [
"finite-json",
"origin-vector-count-match",
"magnitude-nonnegative"
],
"id": "spatial-vector",
"initialView": {
"kind": "camera",
"xDomain": [
-2,
2
],
"yDomain": [
-2,
2
],
"zDomain": [
-1.5,
1.5
],
"zoom": 1
},
"outputBudget": {
"maximum": 50000,
"resource": "vectors"
},
"parameters": {
"family": "spatial-vector",
"nullableFields": [],
"positiveFields": [
"magnitude"
],
"scenario": "volume",
"valueFields": [
"u",
"v",
"w"
],
"valuePolicy": "spatial-vector"
},
"preview": {
"maximumRows": 12,
"method": "spatial-slice"
},
"reduction": {
"method": "vector-grid-level-of-detail",
"stage": "level-of-detail"
},
"seed": 1879558251,
"shape": "vector-set",
"version": 2
};
const { data, previewRows, plan } = GraflumeSpatial.materializeDemoRecipe(recipe);
const options = {
"accessibility": {
"description": "Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.",
"maxRows": 100,
"table": true
},
"annotations": [
{
"connector": {
"visible": true
},
"detail": "Attach user-authored safe text to a datum, axis range, or normalized plot position.",
"id": "manual-callout",
"placement": "auto",
"style": {
"maxWidth": 220,
"padding": 8
},
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
},
"text": "Point and range highlights · Spatial vector · High data volume"
}
],
"ariaLabel": "Spatial vector · High data volume · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"adaptive": {
"environment": {
"rowCount": 50000
},
"largeDataNavigation": true,
"profiles": "auto"
},
"autoResize": true,
"height": 420
},
"highlights": [
{
"id": "manual-focus",
"padding": 7,
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
}
}
],
"id": "manual-spatial-vector-volume",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · High data volume · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"orbit": true,
"pan": true,
"picking": true,
"tooltip": {
"fields": [
"x",
"y",
"z",
"u",
"v",
"w",
"magnitude",
"color",
"label"
],
"title": "Spatial vector · High data volume"
},
"wheel": "modifier",
"zoom": true
},
"legend": {
"interactive": false,
"items": [
{
"id": "semantic-0",
"label": "Inner-radius flow"
},
{
"id": "semantic-1",
"label": "Mid-radius flow"
},
{
"id": "semantic-2",
"label": "Outer-radius flow"
}
],
"labels": {
"hide": "Hide",
"show": "Show"
},
"maxItems": 8,
"mode": "layers",
"orientation": "horizontal",
"position": "inside-bottom-left",
"title": "Spatial vector · High data volume",
"visible": true
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"theme": "graflume-light",
"title": "Spatial vector · High data volume"
};
GraflumeSpatial.vectorCone('#chart', data, options);Portable schema
SpatialSpec 0.1 · options
{
"accessibility": {
"description": "Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.",
"maxRows": 100,
"table": true
},
"annotations": [
{
"connector": {
"visible": true
},
"detail": "Attach user-authored safe text to a datum, axis range, or normalized plot position.",
"id": "manual-callout",
"placement": "auto",
"style": {
"maxWidth": 220,
"padding": 8
},
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
},
"text": "Point and range highlights · Spatial vector · High data volume"
}
],
"ariaLabel": "Spatial vector · High data volume · Chart family",
"camera": {
"distance": 8.6,
"fov": 44,
"pitch": 0.5,
"yaw": 0.72
},
"create": {
"adaptive": {
"environment": {
"rowCount": 50000
},
"largeDataNavigation": true,
"profiles": "auto"
},
"autoResize": true,
"height": 420
},
"highlights": [
{
"id": "manual-focus",
"padding": 7,
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
}
}
],
"id": "manual-spatial-vector-volume",
"interaction": {
"controls": true,
"labels": {
"chart": "Spatial vector · High data volume · Chart family",
"contextLost": "The WebGL context was lost. Try again to restore the chart.",
"exportPng": "Download PNG",
"fullscreen": "Enter fullscreen / Exit fullscreen",
"hideAnnotations": "Hide callouts",
"instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
"orbit": "Chart controls · 3D ⟳",
"pan": "Chart controls · 3D ↔",
"projection": "Chart controls · 3D ◇",
"reset": "Reset view",
"showAnnotations": "Show callouts",
"toolbar": "Chart controls",
"unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
"zoomIn": "Zoom in",
"zoomOut": "Zoom out"
},
"orbit": true,
"pan": true,
"picking": true,
"tooltip": {
"fields": [
"x",
"y",
"z",
"u",
"v",
"w",
"magnitude",
"color",
"label"
],
"title": "Spatial vector · High data volume"
},
"wheel": "modifier",
"zoom": true
},
"legend": {
"interactive": false,
"items": [
{
"id": "semantic-0",
"label": "Inner-radius flow"
},
{
"id": "semantic-1",
"label": "Mid-radius flow"
},
{
"id": "semantic-2",
"label": "Outer-radius flow"
}
],
"labels": {
"hide": "Hide",
"show": "Show"
},
"maxItems": 8,
"mode": "layers",
"orientation": "horizontal",
"position": "inside-bottom-left",
"title": "Spatial vector · High data volume",
"visible": true
},
"lighting": {
"ambient": 0.36,
"diffuse": 0.92,
"direction": [
-0.45,
0.9,
0.55
]
},
"radius": 0.085,
"scale": 0.52,
"segments": 10,
"theme": "graflume-light",
"title": "Spatial vector · High data volume"
}