Graflume · Alpha
Spatial vector · 극단 사례 적용
121개 cyclone 벡터, 연속 상승류, 은하형 관측값을 원뿔·튜브·구면 점으로 비교합니다. 성공할 수 있는 유효 데이터 안에서 수치 범위, 희소 구조와 대용량 입력을 검증합니다. 각 탭은 필요할 때만 데이터를 만들며 잘못된 값은 조용히 보정하지 않습니다.
차트 계열 · Spatial families
Spatial vector
121개 cyclone 벡터, 연속 상승류, 은하형 관측값을 원뿔·튜브·구면 점으로 비교합니다.
- Quick API
vectorCone()- 브라우저 스냅샷
graflume/spatial- mark
vector- 프리셋
- 3
극단 사례
값의 범위·불규칙 구조·대용량 입력
성공할 수 있는 유효 데이터 안에서 수치 범위, 희소 구조와 대용량 입력을 검증합니다. 각 탭은 필요할 때만 데이터를 만들며 잘못된 값은 조용히 보정하지 않습니다.
큰 값·작은 값
0과 매우 작은 유한값부터 매우 큰 유한값까지 함께 넣어 자동 도메인, 정밀도와 기하가 무너지지 않는지 확인합니다. NaN과 Infinity는 의도적으로 거부됩니다. 유한값과 축 도메인을 보존하는 데이터 무결성 규칙 2개를 적용합니다.
상태불러오는 중
extreme-rangeextreme-smallextreme-largezeromixed-signbudget:spatial-elements<=6
불러오는 중
큰 값·작은 값 · 행 데이터
행 데이터와 zero-copy TypedArray 열은 하나의 데이터 계약을 공유합니다.
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 |
브라우저 API · 이식 가능한 스키마
브라우저 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 · 차트 계열",
"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 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"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);이식 가능한 스키마
SpatialSpec 0.1 · options
{
"ariaLabel": "Spatial vector · 차트 계열",
"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 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"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"
}희소·불규칙 구조
중복, 결측, 희소성, 순서 뒤바뀜 중 이 계열에서 의미가 정의된 구조만 실행합니다. 잘못된 참조나 깨진 튜플을 성공 예제로 위장하지 않습니다. 결측·중복·순서의 의미를 보존하는 구조 규칙 3개를 적용합니다.
상태불러오는 중
irregular-structuresparsezero-vectorunequal-path-lengthbudget:spatial-elements<=6
불러오는 중
희소·불규칙 구조 · 행 데이터
행 데이터와 zero-copy TypedArray 열은 하나의 데이터 계약을 공유합니다.
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 |
브라우저 API · 이식 가능한 스키마
브라우저 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 · 희소·불규칙 구조 · 차트 계열",
"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 · 희소·불규칙 구조 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"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);이식 가능한 스키마
SpatialSpec 0.1 · options
{
"ariaLabel": "Spatial vector · 희소·불규칙 구조 · 차트 계열",
"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 · 희소·불규칙 구조 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"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 · 희소·불규칙 구조"
}대용량 데이터
결정적인 압축 레시피를 탭을 열 때만 생성합니다. Graflume의 성능 프로필이 입력량에 맞춰 표식 수, 적중 검사와 애니메이션 비용을 제한합니다. 결정적 생성과 출력 제한을 보장하는 대용량 규칙 6개를 적용합니다. 이 계열은 논리 입력 50,000 벡터를 생성하고 벡터 출력을 최대 50,000개로 제한합니다.
상태불러오는 중
high-row-cardinalityall-input-rows-generatedall-input-rows-processeddeterministic-generationbounded-renderinginput:50000zoom-pan-resetbudget:vectors<=50000
- 범례:
legend · explicit · 3 channels - 포인트·범위 하이라이트:
highlights[] · datum · spatial pick - 설명 말풍선:
annotations[] · datum · spatial pick · callout · placement:auto
불러오는 중
브라우저 API · 이식 가능한 스키마
브라우저 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": "확대·이동은 화면을 살펴보기 위한 기능이며 데이터 축이나 값은 바꾸지 않습니다. 재생 조작이 보이는 차트에서는 원본 데이터에서 고유값이 처음 등장한 순서대로 실제 단계만 이동합니다.",
"maxRows": 100,
"table": true
},
"annotations": [
{
"connector": {
"visible": true
},
"detail": "데이터, 축 범위 또는 화면 위치에 사용자가 작성한 안전한 텍스트 설명을 연결합니다.",
"id": "manual-callout",
"placement": "auto",
"style": {
"maxWidth": 220,
"padding": 8
},
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
},
"text": "포인트·범위 하이라이트 · Spatial vector · 대용량 데이터"
}
],
"ariaLabel": "Spatial vector · 대용량 데이터 · 차트 계열",
"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 · 대용량 데이터 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"orbit": true,
"pan": true,
"picking": true,
"tooltip": {
"fields": [
"x",
"y",
"z",
"u",
"v",
"w",
"magnitude",
"color",
"label"
],
"title": "Spatial vector · 대용량 데이터"
},
"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": "숨기기",
"show": "표시"
},
"maxItems": 8,
"mode": "layers",
"orientation": "horizontal",
"position": "inside-bottom-left",
"title": "Spatial vector · 대용량 데이터",
"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 · 대용량 데이터"
};
GraflumeSpatial.vectorCone('#chart', data, options);이식 가능한 스키마
SpatialSpec 0.1 · options
{
"accessibility": {
"description": "확대·이동은 화면을 살펴보기 위한 기능이며 데이터 축이나 값은 바꾸지 않습니다. 재생 조작이 보이는 차트에서는 원본 데이터에서 고유값이 처음 등장한 순서대로 실제 단계만 이동합니다.",
"maxRows": 100,
"table": true
},
"annotations": [
{
"connector": {
"visible": true
},
"detail": "데이터, 축 범위 또는 화면 위치에 사용자가 작성한 안전한 텍스트 설명을 연결합니다.",
"id": "manual-callout",
"placement": "auto",
"style": {
"maxWidth": 220,
"padding": 8
},
"target": {
"datumIndex": 0,
"layerId": "manual-spatial-vector-volume",
"type": "datum"
},
"text": "포인트·범위 하이라이트 · Spatial vector · 대용량 데이터"
}
],
"ariaLabel": "Spatial vector · 대용량 데이터 · 차트 계열",
"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 · 대용량 데이터 · 차트 계열",
"contextLost": "WebGL 연결이 중단되었습니다. 다시 시도해 차트를 복구해 주세요.",
"exportPng": "PNG 다운로드",
"fullscreen": "전체 화면 열기 / 전체 화면 닫기",
"hideAnnotations": "설명 말풍선 숨기기",
"instructions": "Tab으로 조작부를 이동하고 Enter 또는 Space로 실행하세요. 차트에 초점이 있을 때 더하기·빼기 키로 확대·축소하고 화살표 키로 이동할 수 있습니다.",
"orbit": "차트 조작 · 3D ⟳",
"pan": "차트 조작 · 3D ↔",
"projection": "차트 조작 · 3D ◇",
"reset": "보기 초기화",
"showAnnotations": "설명 말풍선 표시",
"toolbar": "차트 조작",
"unavailable": "이 환경에서는 WebGL을 사용할 수 없어 3D 차트를 표시할 수 없습니다.",
"zoomIn": "확대",
"zoomOut": "축소"
},
"orbit": true,
"pan": true,
"picking": true,
"tooltip": {
"fields": [
"x",
"y",
"z",
"u",
"v",
"w",
"magnitude",
"color",
"label"
],
"title": "Spatial vector · 대용량 데이터"
},
"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": "숨기기",
"show": "표시"
},
"maxItems": 8,
"mode": "layers",
"orientation": "horizontal",
"position": "inside-bottom-left",
"title": "Spatial vector · 대용량 데이터",
"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 · 대용량 데이터"
}