Streamlines traced through vector fields using 4th-order Runge-Kutta integration, rendered as tube geometry with velocity-mapped per-vertex color. Supports configurable seed points, integration step count and size, tube radius, and color scales. Ideal for fluid dynamics, wind flow, and electromagnetic field visualization.

Subtype

▾

Live Preview

x	y
0	0
0.2	0
0.4	0
0.6000000000000001	0
0.8	0
1	0
1.2000000000000002	0
1.4000000000000001	0
1.6	0
1.8	0

{
  "data": [
    {
      "x": 0,
      "y": 0,
      "u": 0,
      "v": 1
    },
    {
      "x": 0.2,
      "y": 0,
      "u": 0.29552020666133955,
      "v": 1
    },
    {
      "x": 0.4,
      "y": 0,
      "u": 0.5646424733950354,
      "v": 1
    },
    {
      "x": 0.6000000000000001,
      "y": 0,
      "u": 0.7833269096274833,
      "v": 1
    },
    {
      "x": 0.8,
      "y": 0,
      "u": 0.9320390859672263,
      "v": 1
    },
    {
      "x": 1,
      "y": 0,
      "u": 0.9974949866040544,
      "v": 1
    },
    {
      "x": 1.2000000000000002,
      "y": 0,
      "u": 0.9738476308781953,
      "v": 1
    },
    {
      "x": 1.4000000000000001,
      "y": 0,
      "u": 0.8632093666488737,
      "v": 1
    },
    {
      "x": 1.6,
      "y": 0,
      "u": 0.675463180551151,
      "v": 1
    },
    {
      "x": 1.8,
      "y": 0,
      "u": 0.42737988023383017,
      "v": 1
    },
    {
      "x": 0,
      "y": 0.2,
      "u": 0,
      "v": 0.955336489125606
    },
    {
      "x": 0.2,
      "y": 0.2,
      "u": 0.29552020666133955,
      "v": 0.955336489125606
    },
    {
      "x": 0.4,
      "y": 0.2,
      "u": 0.5646424733950354,
      "v": 0.955336489125606
    },
    {
      "x": 0.6000000000000001,
      "y": 0.2,
      "u": 0.7833269096274833,
      "v": 0.955336489125606
    },
    {
      "x": 0.8,
      "y": 0.2,
      "u": 0.9320390859672263,
      "v": 0.955336489125606
    },
    {
      "x": 1,
      "y": 0.2,
      "u": 0.9974949866040544,
      "v": 0.955336489125606
    },
    {
      "x": 1.2000000000000002,
      "y": 0.2,
      "u": 0.9738476308781953,
      "v": 0.955336489125606
    },
    {
      "x": 1.4000000000000001,
      "y": 0.2,
      "u": 0.8632093666488737,
      "v": 0.955336489125606
    },
    {
      "x": 1.6,
      "y": 0.2,
      "u": 0.675463180551151,
      "v": 0.955336489125606
    },
    {
      "x": 1.8,
      "y": 0.2,
      "u": 0.42737988023383017,
      "v": 0.955336489125606
    },
    {
      "x": 0,
      "y": 0.4,
      "u": 0,
      "v": 0.8253356149096783
    },
    {
      "x": 0.2,
      "y": 0.4,
      "u": 0.29552020666133955,
      "v": 0.8253356149096783
    },
    {
      "x": 0.4,
      "y": 0.4,
      "u": 0.5646424733950354,
      "v": 0.8253356149096783
    },
    {
      "x": 0.6000000000000001,
      "y": 0.4,
      "u": 0.7833269096274833,
      "v": 0.8253356149096783
    },
    {
      "x": 0.8,
      "y": 0.4,
      "u": 0.9320390859672263,
      "v": 0.8253356149096783
    },
    {
      "x": 1,
      "y": 0.4,
      "u": 0.9974949866040544,
      "v": 0.8253356149096783
    },
    {
      "x": 1.2000000000000002,
      "y": 0.4,
      "u": 0.9738476308781953,
      "v": 0.8253356149096783
    },
    {
      "x": 1.4000000000000001,
      "y": 0.4,
      "u": 0.8632093666488737,
      "v": 0.8253356149096783
    },
    {
      "x": 1.6,
      "y": 0.4,
      "u": 0.675463180551151,
      "v": 0.8253356149096783
    },
    {
      "x": 1.8,
      "y": 0.4,
      "u": 0.42737988023383017,
      "v": 0.8253356149096783
    },
    {
      "x": 0,
      "y": 0.6000000000000001,
      "u": 0,
      "v": 0.6216099682706645
    },
    {
      "x": 0.2,
      "y": 0.6000000000000001,
      "u": 0.29552020666133955,
      "v": 0.6216099682706645
    },
    {
      "x": 0.4,
      "y": 0.6000000000000001,
      "u": 0.5646424733950354,
      "v": 0.6216099682706645
    },
    {
      "x": 0.6000000000000001,
      "y": 0.6000000000000001,
      "u": 0.7833269096274833,
      "v": 0.6216099682706645
    },
    {
      "x": 0.8,
      "y": 0.6000000000000001,
      "u": 0.9320390859672263,
      "v": 0.6216099682706645
    },
    {
      "x": 1,
      "y": 0.6000000000000001,
      "u": 0.9974949866040544,
      "v": 0.6216099682706645
    },
    {
      "x": 1.2000000000000002,
      "y": 0.6000000000000001,
      "u": 0.9738476308781953,
      "v": 0.6216099682706645
    },
    {
      "x": 1.4000000000000001,
      "y": 0.6000000000000001,
      "u": 0.8632093666488737,
      "v": 0.6216099682706645
    },
    {
      "x": 1.6,
      "y": 0.6000000000000001,
      "u": 0.675463180551151,
      "v": 0.6216099682706645
    },
    {
      "x": 1.8,
      "y": 0.6000000000000001,
      "u": 0.42737988023383017,
      "v": 0.6216099682706645
    },
    {
      "x": 0,
      "y": 0.8,
      "u": 0,
      "v": 0.3623577544766736
    },
    {
      "x": 0.2,
      "y": 0.8,
      "u": 0.29552020666133955,
      "v": 0.3623577544766736
    },
    {
      "x": 0.4,
      "y": 0.8,
      "u": 0.5646424733950354,
      "v": 0.3623577544766736
    },
    {
      "x": 0.6000000000000001,
      "y": 0.8,
      "u": 0.7833269096274833,
      "v": 0.3623577544766736
    },
    {
      "x": 0.8,
      "y": 0.8,
      "u": 0.9320390859672263,
      "v": 0.3623577544766736
    },
    {
      "x": 1,
      "y": 0.8,
      "u": 0.9974949866040544,
      "v": 0.3623577544766736
    },
    {
      "x": 1.2000000000000002,
      "y": 0.8,
      "u": 0.9738476308781953,
      "v": 0.3623577544766736
    },
    {
      "x": 1.4000000000000001,
      "y": 0.8,
      "u": 0.8632093666488737,
      "v": 0.3623577544766736
    },
    {
      "x": 1.6,
      "y": 0.8,
      "u": 0.675463180551151,
      "v": 0.3623577544766736
    },
    {
      "x": 1.8,
      "y": 0.8,
      "u": 0.42737988023383017,
      "v": 0.3623577544766736
    },
    {
      "x": 0,
      "y": 1,
      "u": 0,
      "v": 0.0707372016677029
    },
    {
      "x": 0.2,
      "y": 1,
      "u": 0.29552020666133955,
      "v": 0.0707372016677029
    },
    {
      "x": 0.4,
      "y": 1,
      "u": 0.5646424733950354,
      "v": 0.0707372016677029
    },
    {
      "x": 0.6000000000000001,
      "y": 1,
      "u": 0.7833269096274833,
      "v": 0.0707372016677029
    },
    {
      "x": 0.8,
      "y": 1,
      "u": 0.9320390859672263,
      "v": 0.0707372016677029
    },
    {
      "x": 1,
      "y": 1,
      "u": 0.9974949866040544,
      "v": 0.0707372016677029
    },
    {
      "x": 1.2000000000000002,
      "y": 1,
      "u": 0.9738476308781953,
      "v": 0.0707372016677029
    },
    {
      "x": 1.4000000000000001,
      "y": 1,
      "u": 0.8632093666488737,
      "v": 0.0707372016677029
    },
    {
      "x": 1.6,
      "y": 1,
      "u": 0.675463180551151,
      "v": 0.0707372016677029
    },
    {
      "x": 1.8,
      "y": 1,
      "u": 0.42737988023383017,
      "v": 0.0707372016677029
    },
    {
      "x": 0,
      "y": 1.2000000000000002,
      "u": 0,
      "v": -0.2272020946930869
    },
    {
      "x": 0.2,
      "y": 1.2000000000000002,
      "u": 0.29552020666133955,
      "v": -0.2272020946930869
    },
    {
      "x": 0.4,
      "y": 1.2000000000000002,
      "u": 0.5646424733950354,
      "v": -0.2272020946930869
    },
    {
      "x": 0.6000000000000001,
      "y": 1.2000000000000002,
      "u": 0.7833269096274833,
      "v": -0.2272020946930869
    },
    {
      "x": 0.8,
      "y": 1.2000000000000002,
      "u": 0.9320390859672263,
      "v": -0.2272020946930869
    },
    {
      "x": 1,
      "y": 1.2000000000000002,
      "u": 0.9974949866040544,
      "v": -0.2272020946930869
    },
    {
      "x": 1.2000000000000002,
      "y": 1.2000000000000002,
      "u": 0.9738476308781953,
      "v": -0.2272020946930869
    },
    {
      "x": 1.4000000000000001,
      "y": 1.2000000000000002,
      "u": 0.8632093666488737,
      "v": -0.2272020946930869
    },
    {
      "x": 1.6,
      "y": 1.2000000000000002,
      "u": 0.675463180551151,
      "v": -0.2272020946930869
    },
    {
      "x": 1.8,
      "y": 1.2000000000000002,
      "u": 0.42737988023383017,
      "v": -0.2272020946930869
    },
    {
      "x": 0,
      "y": 1.4000000000000001,
      "u": 0,
      "v": -0.5048461045998576
    },
    {
      "x": 0.2,
      "y": 1.4000000000000001,
      "u": 0.29552020666133955,
      "v": -0.5048461045998576
    },
    {
      "x": 0.4,
      "y": 1.4000000000000001,
      "u": 0.5646424733950354,
      "v": -0.5048461045998576
    },
    {
      "x": 0.6000000000000001,
      "y": 1.4000000000000001,
      "u": 0.7833269096274833,
      "v": -0.5048461045998576
    },
    {
      "x": 0.8,
      "y": 1.4000000000000001,
      "u": 0.9320390859672263,
      "v": -0.5048461045998576
    },
    {
      "x": 1,
      "y": 1.4000000000000001,
      "u": 0.9974949866040544,
      "v": -0.5048461045998576
    },
    {
      "x": 1.2000000000000002,
      "y": 1.4000000000000001,
      "u": 0.9738476308781953,
      "v": -0.5048461045998576
    },
    {
      "x": 1.4000000000000001,
      "y": 1.4000000000000001,
      "u": 0.8632093666488737,
      "v": -0.5048461045998576
    },
    {
      "x": 1.6,
      "y": 1.4000000000000001,
      "u": 0.675463180551151,
      "v": -0.5048461045998576
    },
    {
      "x": 1.8,
      "y": 1.4000000000000001,
      "u": 0.42737988023383017,
      "v": -0.5048461045998576
    },
    {
      "x": 0,
      "y": 1.6,
      "u": 0,
      "v": -0.7373937155412454
    },
    {
      "x": 0.2,
      "y": 1.6,
      "u": 0.29552020666133955,
      "v": -0.7373937155412454
    },
    {
      "x": 0.4,
      "y": 1.6,
      "u": 0.5646424733950354,
      "v": -0.7373937155412454
    },
    {
      "x": 0.6000000000000001,
      "y": 1.6,
      "u": 0.7833269096274833,
      "v": -0.7373937155412454
    },
    {
      "x": 0.8,
      "y": 1.6,
      "u": 0.9320390859672263,
      "v": -0.7373937155412454
    },
    {
      "x": 1,
      "y": 1.6,
      "u": 0.9974949866040544,
      "v": -0.7373937155412454
    },
    {
      "x": 1.2000000000000002,
      "y": 1.6,
      "u": 0.9738476308781953,
      "v": -0.7373937155412454
    },
    {
      "x": 1.4000000000000001,
      "y": 1.6,
      "u": 0.8632093666488737,
      "v": -0.7373937155412454
    },
    {
      "x": 1.6,
      "y": 1.6,
      "u": 0.675463180551151,
      "v": -0.7373937155412454
    },
    {
      "x": 1.8,
      "y": 1.6,
      "u": 0.42737988023383017,
      "v": -0.7373937155412454
    },
    {
      "x": 0,
      "y": 1.8,
      "u": 0,
      "v": -0.904072142017061
    },
    {
      "x": 0.2,
      "y": 1.8,
      "u": 0.29552020666133955,
      "v": -0.904072142017061
    },
    {
      "x": 0.4,
      "y": 1.8,
      "u": 0.5646424733950354,
      "v": -0.904072142017061
    },
    {
      "x": 0.6000000000000001,
      "y": 1.8,
      "u": 0.7833269096274833,
      "v": -0.904072142017061
    },
    {
      "x": 0.8,
      "y": 1.8,
      "u": 0.9320390859672263,
      "v": -0.904072142017061
    },
    {
      "x": 1,
      "y": 1.8,
      "u": 0.9974949866040544,
      "v": -0.904072142017061
    },
    {
      "x": 1.2000000000000002,
      "y": 1.8,
      "u": 0.9738476308781953,
      "v": -0.904072142017061
    },
    {
      "x": 1.4000000000000001,
      "y": 1.8,
      "u": 0.8632093666488737,
      "v": -0.904072142017061
    },
    {
      "x": 1.6,
      "y": 1.8,
      "u": 0.675463180551151,
      "v": -0.904072142017061
    },
    {
      "x": 1.8,
      "y": 1.8,
      "u": 0.42737988023383017,
      "v": -0.904072142017061
    }
  ],
  "series": [
    {
      "type": "streamline3d",
      "xKey": "x",
      "yKey": "y",
      "uKey": "u",
      "vKey": "v",
      "integrationSteps": 80,
      "stepSize": 0.04
    }
  ],
  "title": {
    "text": "3D Streamline — 2D Flow"
  }
}

Edit JSON above · auto-previews after 0.9 s

Streamlines traced through a 2D vector field via RK4 integration.

Was this article helpful?