Graflume · Alpha

Spatial vector · Basic implementation · Common features

Compare 121 cyclone vectors, continuous rising currents, and galaxy-like observations as cones, tubes, and shaded spherical points. Start with only the required data and family encoding. Expand the code to run the same example. Use the tabs to compare header, tooltip, theme, legend, highlight, callout, selection, view controls, and accessibility one feature at a time.

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

Basic implementation

The smallest runnable chart

Start with only the required data and family encoding. Expand the code to run the same example.

Basic example

Compare 121 cyclone vectors, continuous rising currents, and galaxy-like observations as cones, tubes, and shaded spherical points.

StatusLoading

  • minimal-implementation
GraflumeSpatial.vectorCone() WebGL
Control help

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.

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.

Auto placement compares perimeter candidates and avoids the plot, legend, and other callouts when possible. Explicit placement is preserved with only necessary safety correction. Callout text wraps safely inside the bubble. Long unbroken tokens are visually shortened within the line budget, while the complete source text remains available to assistive technology.

Loading

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-minimal",
  "interaction": {
    "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"
    }
  },
  "lighting": {
    "ambient": 0.36,
    "diffuse": 0.92,
    "direction": [
      -0.45,
      0.9,
      0.55
    ]
  },
  "radius": 0.085,
  "scale": 0.52,
  "segments": 10
};

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-minimal",
  "interaction": {
    "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"
    }
  },
  "lighting": {
    "ambient": 0.36,
    "diffuse": 0.92,
    "direction": [
      -0.45,
      0.9,
      0.55
    ]
  },
  "radius": 0.085,
  "scale": 0.52,
  "segments": 10
}

Common features

Features shared by every chart

Use the tabs to compare header, tooltip, theme, legend, highlight, callout, selection, view controls, and accessibility one feature at a time. Hover over a data mark. On supported charts, move the pointer along the axis to see the nearest value. All exact values are available in the table below.

Header

Add a chart title and supporting description inside the visualization.

StatusLoading

  • header
GraflumeSpatial.vectorCone() WebGL
Control help

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.

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.

Auto placement compares perimeter candidates and avoids the plot, legend, and other callouts when possible. Explicit placement is preserved with only necessary safety correction. Callout text wraps safely inside the bubble. Long unbroken tokens are visually shortened within the line budget, while the complete source text remains available to assistive technology.

Loading

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-header",
  "interaction": {
    "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"
    }
  },
  "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-header",
  "interaction": {
    "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"
    }
  },
  "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"
}
Chart catalog