Share JSXGraph: all examples

This website is a beta version. The official release will be in **2023**.

Javascript is disabled in your browser.

This site includes the JavaScript library JSXGraph to demonstrate its functionalities. To watch this, enable JavaScript in settings of your browser and reload this page.

all

{"id":-1,"alias":"all","name":"List of all JSXGraph examples","description":"","childs":[],"listitems":[{"type":"EXAMPLE","id":10002,"name":"A 5-circle incidence theorem","alias":"a-5-circle-incidence-theorem"},{"type":"EXAMPLE","id":10003,"name":"Add generic DOM events to JSXGraph elements","alias":"add-generic-dom-events-to-jsxgraph-elements"},{"type":"EXAMPLE","id":10027,"name":"Add points on click","alias":"add-points-on-click"},{"type":"EXAMPLE","id":10004,"name":"Adding JSXGraph events","alias":"adding-jsxgraph-events"},{"type":"EXAMPLE","id":10005,"name":"Affine ratio","alias":"affine-ratio"},{"type":"EXAMPLE","id":10006,"name":"Aligning texts","alias":"aligning-texts"},{"type":"EXAMPLE","id":10007,"name":"Angles","alias":"angles"},{"type":"EXAMPLE","id":10010,"name":"Animation of colliding points (infinite)","alias":"animation-of-colliding-points-infinite"},{"type":"EXAMPLE","id":10011,"name":"Animation of lines","alias":"animation-of-lines"},{"type":"EXAMPLE","id":10049,"name":"Animation using CSS transitions","alias":"animation-using-css-transitions"},{"type":"EXAMPLE","id":10050,"name":"Animation with requestAnimationFrame","alias":"animation-with-requestanimationframe"},{"type":"EXAMPLE","id":10051,"name":"Animation with setInterval","alias":"animation-with-setinterval"},{"type":"EXAMPLE","id":10009,"name":"Animation: infinite with setInterval","alias":"animation-infinite-with-setinterval"},{"type":"EXAMPLE","id":10008,"name":"Animation: moveTo() and visit()","alias":"animation-moveto-and-visit"},{"type":"EXAMPLE","id":10012,"name":"Antiderivative","alias":"antiderivative"},{"type":"EXAMPLE","id":10013,"name":"Apollonian circle packing","alias":"apollonian-circle-packing"},{"type":"EXAMPLE","id":10043,"name":"Approximate circular arc by a B\u00e9zier curve","alias":"approximate-circular-arc-by-a-b-zier-curve"},{"type":"EXAMPLE","id":10016,"name":"Approximate length of curve","alias":"approximate-length-of-curve"},{"type":"EXAMPLE","id":10029,"name":"Approximate \u03c0 (Pi) with Monte-Carlo method","alias":"approximate-pi-pi-with-monte-carlo-method"},{"type":"EXAMPLE","id":10014,"name":"Approximation of e","alias":"approximation-of-e"},{"type":"EXAMPLE","id":10015,"name":"Approximation of the circle area","alias":"approximation-of-the-circle-area"},{"type":"EXAMPLE","id":10017,"name":"Archimedean spiral","alias":"archimedean-spiral"},{"type":"EXAMPLE","id":10038,"name":"Archimedian circle approximation","alias":"archimedian-circle-approximation"},{"type":"EXAMPLE","id":10121,"name":"Area of a Triangle (assessment)","alias":"area-of-a-triangle"},{"type":"EXAMPLE","id":10110,"name":"Arrows for technical drawings","alias":"arrows-for-technical-drawings"},{"type":"EXAMPLE","id":10019,"name":"Autocatalytic process","alias":"autocatalytic-process"},{"type":"EXAMPLE","id":10120,"name":"Axes configuration","alias":"axes-configuration"},{"type":"EXAMPLE","id":10118,"name":"Axis labels","alias":"axis-labels"},{"type":"EXAMPLE","id":10119,"name":"Axis logarithmic scale","alias":"axis-logarithmic-scale"},{"type":"EXAMPLE","id":10020,"name":"B-splines","alias":"b-splines"},{"type":"EXAMPLE","id":10021,"name":"Barycenter","alias":"barycenter"},{"type":"EXAMPLE","id":10022,"name":"Bearing (bidirectional communication)","alias":"bearing-bidirectional-communication"},{"type":"EXAMPLE","id":10023,"name":"Bezier curves","alias":"bezier-curves"},{"type":"EXAMPLE","id":10024,"name":"Bezier curves by scaffolding","alias":"bezier-curves-by-scaffolding"},{"type":"EXAMPLE","id":10025,"name":"Binomial distribution","alias":"binomial-distribution"},{"type":"EXAMPLE","id":10026,"name":"Bounding box","alias":"bounding-box"},{"type":"EXAMPLE","id":10028,"name":"Browser test: display agent and renderer type","alias":"browser-test-display-agent-and-renderer-type"},{"type":"EXAMPLE","id":10030,"name":"Cannon ball simulation","alias":"cannon-ball-simulation"},{"type":"EXAMPLE","id":10031,"name":"Cardinal splines","alias":"cardinal-splines"},{"type":"EXAMPLE","id":10032,"name":"Catmull-Rom splines","alias":"catmull-rom-splines"},{"type":"EXAMPLE","id":10033,"name":"Centroid of triangle","alias":"centroid-of-triangle"},{"type":"EXAMPLE","id":10034,"name":"Ceva's theorem","alias":"cevas-theorem"},{"type":"EXAMPLE","id":10075,"name":"Chart styles","alias":"chart-styles"},{"type":"EXAMPLE","id":10124,"name":"Charts (assessment)","alias":"chart-assessment"},{"type":"EXAMPLE","id":10077,"name":"Charts of dynamic data","alias":"bar-chart-of-dynamic-data"},{"type":"EXAMPLE","id":10039,"name":"Circle inversion","alias":"circle-inversion"},{"type":"EXAMPLE","id":10040,"name":"Circle with ticks","alias":"circle-with-ticks"},{"type":"EXAMPLE","id":10037,"name":"Circles","alias":"circles"},{"type":"EXAMPLE","id":10044,"name":"Circumcircles of subtriangles","alias":"circumcircles-of-subtriangles"},{"type":"EXAMPLE","id":10130,"name":"Click on element","alias":"click-on-element"},{"type":"EXAMPLE","id":10046,"name":"Colorful points","alias":"colorful-points"},{"type":"EXAMPLE","id":10018,"name":"Complex numbers arithmetics","alias":"complex-numbers-arithmetics"},{"type":"EXAMPLE","id":10052,"name":"Conic section: ellipse","alias":"conic-section-ellipse"},{"type":"EXAMPLE","id":10055,"name":"Conic section: generic through 5 points","alias":"conic-section-generic-through-5-points"},{"type":"EXAMPLE","id":10053,"name":"Conic section: hyperbola","alias":"conic-section-hyperbola"},{"type":"EXAMPLE","id":10054,"name":"Conic section: parabola","alias":"conic-section-parabola"},{"type":"EXAMPLE","id":10056,"name":"Conic sections in polar form","alias":"conic-sections-in-polar-form"},{"type":"EXAMPLE","id":10058,"name":"Continuous function: non-uniform continuous example","alias":"continuous-function-non-uniform-continuous-example"},{"type":"EXAMPLE","id":10057,"name":"Continuous function: \u03b5-\u03b4 criterium","alias":"continuous-function-epsilon-delta-criterium"},{"type":"EXAMPLE","id":10059,"name":"Convergence of sequence","alias":"convergence-of-sequence"},{"type":"EXAMPLE","id":10060,"name":"Convergence of series","alias":"convergence-of-series"},{"type":"EXAMPLE","id":10062,"name":"Cosine","alias":"cosine"},{"type":"EXAMPLE","id":10063,"name":"Cubic spline interpolation","alias":"cubic-spline-interpolation"},{"type":"EXAMPLE","id":10064,"name":"Curly brackets","alias":"curly-brackets"},{"type":"EXAMPLE","id":10109,"name":"Curve interpolation: Neville's algorithm","alias":"curve-interpolation-nevilles-algorithm"},{"type":"EXAMPLE","id":10117,"name":"Cycloid","alias":"cycloid"},{"type":"EXAMPLE","id":10065,"name":"Desargues's theorem","alias":"desarguess-theorem"},{"type":"EXAMPLE","id":10114,"name":"Devil's curve","alias":"devils-curve"},{"type":"EXAMPLE","id":10069,"name":"Differentiability","alias":"differentiability"},{"type":"EXAMPLE","id":10067,"name":"Differential equations","alias":"differential-equations"},{"type":"EXAMPLE","id":10070,"name":"Discontinuous derivative","alias":"discontinuous-derivative"},{"type":"EXAMPLE","id":10068,"name":"Draggable exponential function","alias":"draggable-exponential-function"},{"type":"EXAMPLE","id":10071,"name":"Dragon curve","alias":"dragon-curve"},{"type":"EXAMPLE","id":10076,"name":"Dual lattice","alias":"dual-lattice"},{"type":"EXAMPLE","id":10073,"name":"Ellipse: pin and string method","alias":"ellipse-pin-and-string-method"},{"type":"EXAMPLE","id":10083,"name":"Elliptic curves","alias":"elliptic-curves"},{"type":"EXAMPLE","id":10045,"name":"Emulate color blindness","alias":"emulate-color-blindness"},{"type":"EXAMPLE","id":10041,"name":"Epicycloid: circles rotating on circles","alias":"epicycloid-circles-rotating-on-circles"},{"type":"EXAMPLE","id":10042,"name":"Epicycloid: circles rotating on circles in opposite direction","alias":"epicycloid-circles-rotating-on-circles-in-opposite-direction"},{"type":"EXAMPLE","id":10108,"name":"Epicycloid: export SVG","alias":"epicycloid-export-svg"},{"type":"EXAMPLE","id":10082,"name":"Epidemiology: SEIR model","alias":"epidemiology-seir-model"},{"type":"EXAMPLE","id":10081,"name":"Epidemiology: SIR model","alias":"epidemiology-sir-model"},{"type":"EXAMPLE","id":10079,"name":"Euler line","alias":"euler-line"},{"type":"EXAMPLE","id":10080,"name":"Euler line: JessieCode","alias":"euler-line-jessiecode"},{"type":"EXAMPLE","id":10084,"name":"Euler's spiral (Clothoid)","alias":"eulers-spiral-clothoid"},{"type":"EXAMPLE","id":10123,"name":"Exploring Functions (assessment)","alias":"exploring-functions-assessment"},{"type":"EXAMPLE","id":10085,"name":"Extended mean value theorem","alias":"extended-mean-value-theorem"},{"type":"EXAMPLE","id":10086,"name":"Fermat's spiral","alias":"fermats-spiral"},{"type":"EXAMPLE","id":10090,"name":"Fill the intersection area of three circles","alias":"fill-the-intersection-area-of-three-circles"},{"type":"EXAMPLE","id":10089,"name":"Fill the intersection area of two circles","alias":"fill-the-intersection-area-of-two-circles"},{"type":"EXAMPLE","id":10091,"name":"Fine tuning of labels","alias":"fine-tuning-of-labels"},{"type":"EXAMPLE","id":10088,"name":"Five Circle Theorem","alias":"five-circle-theorem"},{"type":"EXAMPLE","id":10116,"name":"Folium of Descartes","alias":"folium-of-descartes"},{"type":"EXAMPLE","id":10000,"name":"Fullscreen icon","alias":"fullscreen-icon"},{"type":"EXAMPLE","id":10092,"name":"Fullscreen mode","alias":"fullscreen-mode"},{"type":"EXAMPLE","id":10125,"name":"Function Composer (assessment)","alias":"function-composer-assessment"},{"type":"EXAMPLE","id":10093,"name":"Function plot animation","alias":"function-plot-animation"},{"type":"EXAMPLE","id":10087,"name":"Function plotter","alias":"function-plotter"},{"type":"EXAMPLE","id":10095,"name":"Highlight curve via slider","alias":"highlight-curve-via-slider"},{"type":"EXAMPLE","id":10113,"name":"Hippopede","alias":"hippopede"},{"type":"EXAMPLE","id":10097,"name":"Hyperbola as function graph","alias":"hyperbola-as-function-graph"},{"type":"EXAMPLE","id":10074,"name":"Hyperbola: principal axis transformation","alias":"hyperbola-principal-axis-transformation"},{"type":"EXAMPLE","id":10098,"name":"Hyperbolic spiral","alias":"hyperbolic-spiral"},{"type":"EXAMPLE","id":10099,"name":"Hypotrochoid","alias":"hypotrochoid"},{"type":"EXAMPLE","id":10072,"name":"Import JSXGraph as ES6 module","alias":"import-jsxgraph-as-es6-module"},{"type":"EXAMPLE","id":10102,"name":"Inequalities (function graphs)","alias":"inequalities-function-graphs"},{"type":"EXAMPLE","id":10101,"name":"Inequalities (half-planes)","alias":"inequalities-half-planes"},{"type":"EXAMPLE","id":10100,"name":"Infinity","alias":"infinity"},{"type":"EXAMPLE","id":10103,"name":"Intersection of curves","alias":"intersection-of-curves"},{"type":"EXAMPLE","id":10105,"name":"Intersection of function graphs","alias":"intersection-of-function-graphs"},{"type":"EXAMPLE","id":10104,"name":"Intersection path-polygon","alias":"intersection-path-polygon"},{"type":"EXAMPLE","id":10106,"name":"Inverse composition rules","alias":"inverse-composition-rules"},{"type":"EXAMPLE","id":10107,"name":"Inverse mapping of the power function","alias":"inverse-mapping-of-the-power-function"},{"type":"EXAMPLE","id":10112,"name":"Lemniscate of Bernoulli","alias":"lemniscate-of-bernoulli"},{"type":"EXAMPLE","id":10048,"name":"Logging of user activity","alias":"logging-of-user-activity"},{"type":"EXAMPLE","id":10001,"name":"Move To","alias":"move-to"},{"type":"EXAMPLE","id":10061,"name":"Parallelogram","alias":"demo-ex-8-1"},{"type":"EXAMPLE","id":10066,"name":"Polygon dragging","alias":"polygon-dragging"},{"type":"EXAMPLE","id":10126,"name":"Reflection of a Triangle with respect to a line (assessment)","alias":"reflection-of-a-triangle-with-respect-to-a-line-assessment"},{"type":"EXAMPLE","id":10047,"name":"Shadows","alias":"shadows"},{"type":"EXAMPLE","id":10129,"name":"Sketch curve","alias":"sketch-curve"},{"type":"EXAMPLE","id":10131,"name":"Sketch polynomial","alias":"sketch-polynomial"},{"type":"EXAMPLE","id":10096,"name":"Standard hyperbola with asymptotes","alias":"standard-hyperobla-with-asymptotes"},{"type":"EXAMPLE","id":10078,"name":"Trace curve","alias":"trace-curve"},{"type":"EXAMPLE","id":10128,"name":"Trigonometric Function (assessment)","alias":"trigonometric-function-assessment"},{"type":"EXAMPLE","id":10115,"name":"Trisectrix of Maclaurin","alias":"trisectrix-of-maclaurin"},{"type":"EXAMPLE","id":10127,"name":"Type of a Triangle (assessment)","alias":"type-of-a-triangle-assessment"},{"type":"EXAMPLE","id":10036,"name":"Update defining term of function graph","alias":"update-defining-term-of-function-graph-1"},{"type":"EXAMPLE","id":10111,"name":"Versiera di Agnesi","alias":"versiera-di-agnesi"},{"type":"EXAMPLE","id":10094,"name":"Waveforms: pulse and sawtooth","alias":"waveforms-pulse-and-sawtooth"}]}