Graflume · Alpha

Spatial vector · Extreme-environment application

Compare 121 cyclone vectors, continuous rising currents, and galaxy-like observations as cones, tubes, and shaded spherical points. Combine container size, input method, display capability, and user preference instead of guessing a device name. Compare mobile, watch, e-paper, monochrome, dot-matrix, and standards-based extreme environments on the same chart.

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

Extreme environments

Reconfigure for display, input, and device capability

Combine container size, input method, display capability, and user preference instead of guessing a device name. Compare mobile, watch, e-paper, monochrome, dot-matrix, and standards-based extreme environments on the same chart.

Fluid responsive

Reflow axes, legends, descriptions, and controls from the available container size.

960×540 · adaptive.profiles=responsive-fluid
  • zoom-reflow
  • shape-rectangle
  • display-color
  • input-fine
  • motion-full
  • renderer-canvas-spatial

Extreme environment preview

Choose a profile above to preserve the same data and ChartSpec while reconfiguring the chart for display size, input method, display capability, and user preference.

StatusLoading

  • adaptive
  • capability-driven
  • no-user-agent-branching
  • Legend: legend · explicit · 3 channels
  • Point and range highlights: highlights[] · datum · spatial pick
  • Custom callouts: annotations[] · datum · spatial pick · callout · placement:auto
  • Interactive selection: selection · multiple · toggle
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 = {
  "accessibility": {
    "description": "Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.",
    "maxRows": 100,
    "table": true
  },
  "annotations": [
    {
      "connector": {
        "visible": true
      },
      "detail": "Attach user-authored safe text to a datum, axis range, or normalized plot position.",
      "id": "manual-callout",
      "placement": "auto",
      "style": {
        "maxWidth": 220,
        "padding": 8
      },
      "target": {
        "datumIndex": 0,
        "layerId": "manual-spatial-vector-adaptive",
        "type": "datum"
      },
      "text": "Point and range highlights · Spatial vector"
    }
  ],
  "ariaLabel": "Spatial vector · Chart family",
  "camera": {
    "distance": 8.6,
    "fov": 44,
    "pitch": 0.5,
    "yaw": 0.72
  },
  "create": {
    "adaptive": {
      "profiles": "auto"
    },
    "autoResize": true,
    "height": 420
  },
  "highlights": [
    {
      "id": "manual-focus",
      "padding": 7,
      "target": {
        "datumIndex": 0,
        "layerId": "manual-spatial-vector-adaptive",
        "type": "datum"
      }
    }
  ],
  "id": "manual-spatial-vector-adaptive",
  "interaction": {
    "controls": {
      "annotations": true
    },
    "labels": {
      "chart": "Spatial vector · Chart family",
      "contextLost": "The WebGL context was lost. Try again to restore the chart.",
      "exportPng": "Download PNG",
      "fullscreen": "Enter fullscreen / Exit fullscreen",
      "hideAnnotations": "Hide callouts",
      "instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
      "orbit": "Chart controls · 3D ⟳",
      "pan": "Chart controls · 3D ↔",
      "projection": "Chart controls · 3D ◇",
      "reset": "Reset view",
      "showAnnotations": "Show callouts",
      "toolbar": "Chart controls",
      "unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
      "zoomIn": "Zoom in",
      "zoomOut": "Zoom out"
    },
    "orbit": true,
    "pan": true,
    "picking": true,
    "selection": {
      "ariaLabel": "Interactive selection",
      "clearOnBackground": true,
      "clearOnEscape": true,
      "highlight": {
        "padding": 5
      },
      "mode": "multiple",
      "toggle": true
    },
    "tooltip": true,
    "wheel": "modifier",
    "zoom": true
  },
  "legend": {
    "interactive": false,
    "items": [
      {
        "id": "semantic-0",
        "label": "Inner-radius flow"
      },
      {
        "id": "semantic-1",
        "label": "Mid-radius flow"
      },
      {
        "id": "semantic-2",
        "label": "Outer-radius flow"
      }
    ],
    "labels": {
      "hide": "Hide",
      "show": "Show"
    },
    "maxItems": 8,
    "mode": "layers",
    "orientation": "horizontal",
    "position": "inside-bottom-left",
    "title": "Spatial vector",
    "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": "Cyclone updraft vectors"
};

GraflumeSpatial.vectorCone('#chart', data, options);

Portable schema

SpatialSpec 0.1 · options

{
  "accessibility": {
    "description": "Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.",
    "maxRows": 100,
    "table": true
  },
  "annotations": [
    {
      "connector": {
        "visible": true
      },
      "detail": "Attach user-authored safe text to a datum, axis range, or normalized plot position.",
      "id": "manual-callout",
      "placement": "auto",
      "style": {
        "maxWidth": 220,
        "padding": 8
      },
      "target": {
        "datumIndex": 0,
        "layerId": "manual-spatial-vector-adaptive",
        "type": "datum"
      },
      "text": "Point and range highlights · Spatial vector"
    }
  ],
  "ariaLabel": "Spatial vector · Chart family",
  "camera": {
    "distance": 8.6,
    "fov": 44,
    "pitch": 0.5,
    "yaw": 0.72
  },
  "create": {
    "adaptive": {
      "profiles": "auto"
    },
    "autoResize": true,
    "height": 420
  },
  "highlights": [
    {
      "id": "manual-focus",
      "padding": 7,
      "target": {
        "datumIndex": 0,
        "layerId": "manual-spatial-vector-adaptive",
        "type": "datum"
      }
    }
  ],
  "id": "manual-spatial-vector-adaptive",
  "interaction": {
    "controls": {
      "annotations": true
    },
    "labels": {
      "chart": "Spatial vector · Chart family",
      "contextLost": "The WebGL context was lost. Try again to restore the chart.",
      "exportPng": "Download PNG",
      "fullscreen": "Enter fullscreen / Exit fullscreen",
      "hideAnnotations": "Hide callouts",
      "instructions": "Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.",
      "orbit": "Chart controls · 3D ⟳",
      "pan": "Chart controls · 3D ↔",
      "projection": "Chart controls · 3D ◇",
      "reset": "Reset view",
      "showAnnotations": "Show callouts",
      "toolbar": "Chart controls",
      "unavailable": "WebGL is unavailable in this environment, so the 3D chart cannot be displayed.",
      "zoomIn": "Zoom in",
      "zoomOut": "Zoom out"
    },
    "orbit": true,
    "pan": true,
    "picking": true,
    "selection": {
      "ariaLabel": "Interactive selection",
      "clearOnBackground": true,
      "clearOnEscape": true,
      "highlight": {
        "padding": 5
      },
      "mode": "multiple",
      "toggle": true
    },
    "tooltip": true,
    "wheel": "modifier",
    "zoom": true
  },
  "legend": {
    "interactive": false,
    "items": [
      {
        "id": "semantic-0",
        "label": "Inner-radius flow"
      },
      {
        "id": "semantic-1",
        "label": "Mid-radius flow"
      },
      {
        "id": "semantic-2",
        "label": "Outer-radius flow"
      }
    ],
    "labels": {
      "hide": "Hide",
      "show": "Show"
    },
    "maxItems": 8,
    "mode": "layers",
    "orientation": "horizontal",
    "position": "inside-bottom-left",
    "title": "Spatial vector",
    "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": "Cyclone updraft vectors"
}
Chart catalog