Basic Quiver Plot in Python, R, Julia and JavaScript

Source code in 15 libraries — Python: Altair, Bokeh, lets-plot, Matplotlib, Plotly, plotnine, Pygal, Seaborn; R: ggplot2; Julia: Makie.jl; JavaScript: Chart.js, D3.js, Apache ECharts, Highcharts, MUI X Charts.

A quiver plot displays vector fields using arrows positioned at grid points. Each arrow represents a vector at that location, with direction indicating the vector's angle and length proportional to its magnitude. This visualization reveals flow patterns, gradients, and field structure in two-dimensional data.

Renders

• Full-resolution render, light theme
• Full-resolution render, dark theme
• Interactive version, light theme
• Interactive version, dark theme

Preview render from the Highcharts implementation.

Implementations

• Basic Quiver Plot in Altair (Python)
• Basic Quiver Plot in Bokeh (Python)
• Basic Quiver Plot in lets-plot (Python)
• Basic Quiver Plot in Matplotlib (Python)
• Basic Quiver Plot in Plotly (Python)
• Basic Quiver Plot in plotnine (Python)
• Basic Quiver Plot in Pygal (Python)
• Basic Quiver Plot in Seaborn (Python)
• Basic Quiver Plot in ggplot2 (R)
• Basic Quiver Plot in Makie.jl (Julia)
• Basic Quiver Plot in Chart.js (JavaScript)
• Basic Quiver Plot in D3.js (JavaScript)
• Basic Quiver Plot in Apache ECharts (JavaScript)
• Basic Quiver Plot in Highcharts (JavaScript)
• Basic Quiver Plot in MUI X Charts (JavaScript)