Home
Random example
Search
Applications
Chemistry
Economy
Famous theorems
Geography
Physics
Sports
Test
Assessment
Calculus
3D
Applied calculus
Basic calculus
Differential equations
Function plotting
Implicit plotting
Sequences and series
Charts and data
Charts
Statistics
Curves
Interpolation
Intersection, Union, Difference
Lindenmayer Systems
Splines
Geometry
3D
Analytic
Euclidean
Basic constructions
Mappings
Non-Euclidean
Projective
Symmetry
Technical
Animation
Roulettes
Board options
First steps
Images
JSXGraph objects
Arcs and angles
Axes
Circles
Groups
Lines and arrows
Point
Polygons
Slider
Turtle
Vectors
JessieCode
Texts
Transformations
Video
jsxgraph.org
JSXGraph logo
JSXGraph
JSXGraph share

JSXGraph share

Welcome to the JSXGraph Examples Database!

JSXGraph is a browser based JavaScript library for interactive geometry, function plotting, graphs and data visualization. More information about JSXGraph you can find on our homepage https://jsxgraph.org. This site currently uses version of JSXGraph.

This database contains 169 examples of how to use JSXGraph. You can easily view them, think about their code and share them using the icon in the top right corner of an example page. Below you will find a list of all examples. These are categorized in 55 tags, so you can also find all examples on a topic via the menu on the left.

List of all JSXGraph examples in this database

A-Z Z-A Newest Oldest

3D

  • 3D Cubes and Projections (assessment)
  • 3D Curve (assessment)
  • 3D Mirror, Mirror on the Wall ... (assessment)
  • 3D cube transformations
  • 3D curve
  • 3D function graph (assessment)
  • 3D function graph plotter
  • 3D function graph with gradient plane
  • 3D function graph with tangent plane II
  • 3D parametric surface: Klein bottle
  • 3D point
  • 3D ruled surface: Möbius strip
  • 3D ruled surface: hyperboloid
  • 3D subdivided icosahedron
  • 3D vector field

A

  • A 5-circle incidence theorem
  • Add generic DOM events to JSXGraph elements
  • Add points on click
  • Adding JSXGraph events
  • Affine ratio
  • Aligning texts
  • All real roots of a polynomial
  • Angles
  • Animation of colliding points (infinite)
  • Animation of lines
  • Animation using CSS transitions
  • Animation with requestAnimationFrame
  • Animation with setInterval
  • Animation: infinite with setInterval
  • Animation: moveTo() and visit()
  • Antiderivative
  • Apollonian circle packing
  • Approximate circular arc by a Bézier curve
  • Approximate length of curve
  • Approximate π (Pi) with Monte-Carlo method
  • Approximation of e
  • Approximation of the circle area
  • Archimedean spiral
  • Archimedian circle approximation
  • Area of a Triangle (assessment)
  • Arrows for technical drawings
  • Autocatalytic process
  • Axes configuration
  • Axis labels
  • Axis logarithmic scale

B

  • B-splines
  • Barycenter
  • Bearing (bidirectional communication)
  • Bezier curves
  • Bezier curves by scaffolding
  • Binomial distribution
  • Bounding box
  • Browser test: display agent and renderer type

C

  • Cannon ball simulation
  • Cardinal splines
  • Catmull-Rom splines
  • Centroid of triangle
  • Ceva's theorem
  • Chart styles
  • Charts (assessment)
  • Charts of dynamic data
  • Chemical molecules
  • Circle inversion
  • Circle with ticks
  • Circles
  • Circumcircles of subtriangles
  • Click on element
  • Colorful points
  • Complex numbers arithmetics
  • Complex roots of polynomial with real coefficients
  • Complex roots of polynomial with real coefficients (dynamic)
  • Conic section: ellipse
  • Conic section: generic through 5 points
  • Conic section: hyperbola
  • Conic section: parabola
  • Conic sections in polar form
  • Continuous function: non-uniform continuous example
  • Continuous function: ε-δ criterium
  • Convergence of sequence
  • Convergence of series
  • Convex hull of points
  • Cosine
  • Cubic spline interpolation
  • Curly brackets
  • Curve interpolation: Neville's algorithm
  • Cycloid

D

  • Desargues's theorem
  • Devil's curve
  • Differentiability
  • Differential equations
  • Discontinuous derivative
  • Draggable exponential function
  • Dragon curve
  • Dual lattice

E

  • Elements as Checkboxes – Angles (assessment)
  • Elements as Checkboxes – Functions (assessment)
  • Elements as Checkboxes – Triangles (assessment)
  • Elements as Radio Buttons – Triangles (assessment)
  • Ellipse: pin and string method
  • Elliptic curves
  • Elliptic curves (with two function graphs)
  • Elliptic curves: group law
  • Emulate color blindness
  • Epicycloid: circles rotating on circles
  • Epicycloid: circles rotating on circles in opposite direction
  • Epicycloid: export SVG
  • Epidemiology: SEIR model
  • Epidemiology: SIR model
  • Euler line
  • Euler line: JessieCode
  • Euler's spiral (Clothoid)
  • Exploring Functions
  • Exploring Functions (assessment)
  • Extended mean value theorem

F

  • Fermat's spiral
  • Fill the intersection area of three circles
  • Fill the intersection area of two circles
  • Fine tuning of labels
  • Five Circle Theorem
  • Folium of Descartes
  • Fullscreen icon
  • Fullscreen mode
  • Function Composer (assessment)
  • Function plot animation
  • Function plotter

G

  • Glider on axes

H

  • Heat map
  • Highlight curve via slider
  • Hippopede
  • Hyperbola as function graph
  • Hyperbola: principal axis transformation
  • Hyperbolic spiral
  • Hypotrochoid

I

  • Implicit curve plotter
  • Import JSXGraph as ES6 module
  • Inequalities (function graphs)
  • Inequalities (half-planes)
  • Infinity
  • Intersection of curves
  • Intersection of function graphs
  • Intersection path-polygon
  • Inverse composition rules
  • Inverse mapping of the power function

L

  • Lemniscate of Bernoulli
  • Logging of user activity

M

  • Move To

P

  • Parabola
  • Parallelogram
  • Polygon dragging
  • PolygonalChain styling
  • Projectile motion

R

  • Radio button used in function graph
  • Radio buttons
  • Reflection of a Triangle with respect to a line (assessment)

S

  • SVG Filter and CSS classes
  • Secant and tangent on function graph
  • Shadows
  • Sketch curve
  • Sketch polynomial
  • Standard hyperbola with asymptotes

T

  • Three-value button
  • Trace curve
  • Trigonometric Function (assessment)
  • Trisectrix of Maclaurin
  • Type of a Triangle (assessment)

U

  • Update defining term of function graph

V

  • Versiera di Agnesi
  • Video embedding

W

  • Waveforms: pulse and sawtooth