Stack Overflow
Stack Overflow

Questions tagged [jsxgraph]

JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.

JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, charting, and data visualization in the web browser.

JSXGraph allows you to create dynamic mathematics with JavaScript.

https://jsxgraph.org/

136 questions
3
votes
1 answer

JsxGraph from Dart using Dart JS interop

I am trying to use the plotting library JSXGraph from Dart using dart js but I have problems. This is working javascript code var board = JXG.JSXGraph.initBoard( 'box', { boundingbox: [-10, 10, 2, -1], axis: true, …
zegkljan
  • 6,681
  • 5
  • 30
  • 43
3
votes
2 answers

RaphaëlJS, dojo.gfx, JSXgraph comparison

I'm going to build a simple math graph for a browser application. Therefore all the JS-Vector Libraries might work out well. But I want to know about any experiences you collected using those. For me a basic feature is binding events to paths and…
pex
  • 6,731
  • 4
  • 30
  • 41
2
votes
1 answer

Does the CSS example on JSXGraph's website for JSXGraph work?

I tried my best to copy this example here from the JSXGraph website: https://jsxgraph.uni-bayreuth.de/wiki/index.php/Using_CSS_styles Here's the abbreviated HTML: Covid…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 07 '20 at 01:01">asked Nov 07 '20 at 01:01</time> <a href="../../users/10246285/idealius" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/10246285.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="idealius" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/10246285/idealius" class="s-user-card--link">idealius</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">23</li> <li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-57792424"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/57792424/how-can-i-prevent-user-to-get-outside-certain-coordinates-in-jsxgraph" class="question-hyperlink">How can I prevent user to get outside certain coordinates in JSXGraph?</a></h3> <div class="excerpt">Im trying to prevent the user to stay within (1000, 1000) and (-1000, -1000) area in JSXGraph. Is it even possible ? </div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/math" class="post-tag grid--cell" title="show questions tagged 'math'" rel="tag">math</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Sep 04 '19 at 16:23">asked Sep 04 '19 at 16:23</time> <a href="../../users/11870338/exmark2" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11870338.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="EXMark2" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/11870338/exmark2" class="s-user-card--link">EXMark2</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">45</li> <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-56611644"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/56611644/how-to-delete-the-created-point-when-using-jsxgraph" class="question-hyperlink">How to delete the created point when using JSXGraph?</a></h3> <div class="excerpt">Recently I am working on plotting the algorithm gameOfLife. I find that JSXGraph is very handy and useful. I just need to include the libraries and add several lines to plot, as shown in a minimal example below. <!DOCTYPE html> <html> <head> …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 15 '19 at 15:17">asked Jun 15 '19 at 15:17</time> <a href="../../users/8808175/leslie-wong" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/8808175.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Leslie Wong" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/8808175/leslie-wong" class="s-user-card--link">Leslie Wong</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">21</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-50813656"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/50813656/how-to-sum-two-maxima-lisp-lists-elementwise-in-order-to-use-them-in-a-jsxgrap" class="question-hyperlink">How to sum two Maxima/LISP-lists elementwise, in order to use them in a JSXgraph embedded in a Moodle STACK-exam?</a></h3> <div class="excerpt">What the title says. I'm trying to build a graphical, two-variable optimization problem for students to solve using the STACK-type Moodle-question, which uses Maxima as a backend for dealing with the math. I've tried the following: /*Constants*/ c1…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/list" class="post-tag grid--cell" title="show questions tagged 'list'" rel="tag">list</a> <a href="../../questions/tagged/common-lisp" class="post-tag grid--cell" title="show questions tagged 'common-lisp'" rel="tag">common-lisp</a> <a href="../../questions/tagged/moodle" class="post-tag grid--cell" title="show questions tagged 'moodle'" rel="tag">moodle</a> <a href="../../questions/tagged/maxima" class="post-tag grid--cell" title="show questions tagged 'maxima'" rel="tag">maxima</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 12 '18 at 09:25">asked Jun 12 '18 at 09:25</time> <a href="../../users/6449910/sesodesa" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/6449910.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="SeSodesa" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/6449910/sesodesa" class="s-user-card--link">SeSodesa</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,155</li> <li class="s-award-bling s-award-bling__silver" title="8 silver badges">8</li> <li class="s-award-bling s-award-bling__bronze" title="17 bronze badges">17</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-47876887"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/47876887/jsxgraph-how-do-i-update-a-line-s-points" class="question-hyperlink">jsxgraph: How do I update a line's points?</a></h3> <div class="excerpt">Say I created a line with: var line = board.create('line', [2, 2], [3, 3], { ... }); The documentation states for Line.point1: You really should not set this field directly as it may break JSXGraph's udpate system so your construction won't be…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 18 '17 at 21:46">asked Dec 18 '17 at 21:46</time> <a href="../../users/173630/nnyby" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/173630.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="nnyby" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/173630/nnyby" class="s-user-card--link">nnyby</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">4,125</li> <li class="s-award-bling s-award-bling__gold" title="8 gold badges">8</li> <li class="s-award-bling s-award-bling__silver" title="45 silver badges">45</li> <li class="s-award-bling s-award-bling__bronze" title="95 bronze badges">95</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-44570369"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/44570369/how-to-create-axes-outside-of-graph-plane" class="question-hyperlink">How to create axes outside of graph plane</a></h3> <div class="excerpt">I'd like to create a graph where the x and y axis are to the bottom and left of the graph respectively. I guess this would mean creating the axes outside of the bounding box? So I get something like this: 10 - | 9 - | 8 - | 7 - | …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 15 '17 at 14:39">asked Jun 15 '17 at 14:39</time> <a href="../../users/119886/ed" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/119886.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ed." onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/119886/ed" class="s-user-card--link">ed.</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,644</li> <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li> <li class="s-award-bling s-award-bling__silver" title="20 silver badges">20</li> <li class="s-award-bling s-award-bling__bronze" title="25 bronze badges">25</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-42130143"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/42130143/setting-compression-level-in-node-zlib" class="question-hyperlink">Setting compression level in node zlib</a></h3> <div class="excerpt">How do I force zlib to use compression level 9. https://nodejs.org/dist/latest/docs/api/zlib.html I need to set this since the browser side decompression file base64 encoded string compressed in level…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/node.js" class="post-tag grid--cell" title="show questions tagged 'node.js'" rel="tag">node.js</a> <a href="../../questions/tagged/zlib" class="post-tag grid--cell" title="show questions tagged 'zlib'" rel="tag">zlib</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 09 '17 at 06:54">asked Feb 09 '17 at 06:54</time> <a href="../../users/4882074/chandan-kumar" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4882074.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Chandan Kumar" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/4882074/chandan-kumar" class="s-user-card--link">Chandan Kumar</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">117</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="8 bronze badges">8</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-27702288"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/27702288/bounding-box-values-not-supports-fraction-in-jsx-graph" class="question-hyperlink">Bounding box values not supports fraction in Jsx graph</a></h3> <div class="excerpt">Here i attached fiddle link http://jsfiddle.net/anandi2i/9c16urun/3/ Not able to draw my graph with start value as 2.5 and end value as 12.5 Is jsxGraph API supports the fraction value? i don't know... People who know something related to…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 30 '14 at 08:55">asked Dec 30 '14 at 08:55</time> <a href="../../users/3041427/anand" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/3041427.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Anand" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/3041427/anand" class="s-user-card--link">Anand</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">99</li> <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-66561170"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/66561170/jsxgraph-how-to-reduce-the-number-of-data-points-for-drawing-an-arc" class="question-hyperlink">JSXGraph: How to reduce the number of data points for drawing an arc</a></h3> <div class="excerpt">If my understanding is correct, when I create an arc, the result is a curve with a data array to store the details for graphing. Please, correct me if this understanding is wrong. I am trying to create a drawing that has a lot of arcs and I end up…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 10 '21 at 08:42">asked Mar 10 '21 at 08:42</time> <a href="../../users/7319492/ferenc-beleznay" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/7319492.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Ferenc Beleznay" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/7319492/ferenc-beleznay" class="s-user-card--link">Ferenc Beleznay</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">149</li> <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-65981232"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/65981232/jsxgraph-persistency-problem-drawing-more-than-one-function" class="question-hyperlink">JSXGraph - Persistency Problem : Drawing more than one function</a></h3> <div class="excerpt">I want to draw multiple-graphs inside for loop using JSXGraph code. Everthing seems ok, working but when I click a point or a tangent line, they all disappears since they under for loop. What I understood is that I need to put them inside a paint…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 31 '21 at 16:04">asked Jan 31 '21 at 16:04</time> <a href="../../users/13887828/hophop" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/13887828.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="hophop" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/13887828/hophop" class="s-user-card--link">hophop</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">15</li> <li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-65532948"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/65532948/making-a-planar-dynamical-system-with-jsxgraph" class="question-hyperlink">Making a planar dynamical system with JSXgraph</a></h3> <div class="excerpt">I'm working on a predator-prey model for a dynamical systems book. I start by creating a dragable point for the initial condition. If I set up a second point whose coordinates are functions of the first point, I can drag one and it moves the other.…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/math" class="post-tag grid--cell" title="show questions tagged 'math'" rel="tag">math</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 01 '21 at 19:27">asked Jan 01 '21 at 19:27</time> <a href="../../users/14613554/jeff-ford" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/14613554.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jeff Ford" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/14613554/jeff-ford" class="s-user-card--link">Jeff Ford</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">23</li> <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-61581515"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/61581515/jsxgraph-with-more-than-one-board-on-a-page-what-is-recommended-to-avoid-name-" class="question-hyperlink">JSXGraph, with more than one board on a page, what is recommended to avoid name-collision?</a></h3> <div class="excerpt">About having more than one board on a page: When coding a graph it is convenient to use name conventions for the variables, such as the name for a slider. By default Javascript presents a global namespace, so if you have more than one board on a…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/closures" class="post-tag grid--cell" title="show questions tagged 'closures'" rel="tag">closures</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> <a href="../../questions/tagged/name-collision" class="post-tag grid--cell" title="show questions tagged 'name-collision'" rel="tag">name-collision</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 03 '20 at 20:57">asked May 03 '20 at 20:57</time> <a href="../../users/11846835/cleonis" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11846835.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Cleonis" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/11846835/cleonis" class="s-user-card--link">Cleonis</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">148</li> <li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-57466942"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>1</strong></span> <div class="viewcount">vote</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/57466942/how-can-i-shade-inside-the-curve-using-jsxgraph" class="question-hyperlink">How can I shade inside the curve using JSXgraph</a></h3> <div class="excerpt">I'm currently trying to shade a quadratic inequality. For that I must be able to shade inside and/or outside of the determined curve. I have looked through JSXgraph documentation and I do not seem to see anything helpful to my problem. This answer…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/function" class="post-tag grid--cell" title="show questions tagged 'function'" rel="tag">function</a> <a href="../../questions/tagged/math" class="post-tag grid--cell" title="show questions tagged 'math'" rel="tag">math</a> <a href="../../questions/tagged/jsxgraph" class="post-tag grid--cell" title="show questions tagged 'jsxgraph'" rel="tag">jsxgraph</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 12 '19 at 19:11">asked Aug 12 '19 at 19:11</time> <a href="../../users/11870338/exmark2" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11870338.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="EXMark2" onerror="onImageLoadingError(this);" /> </a> <div class="s-user-card--info"> <a href="../../users/11870338/exmark2" class="s-user-card--link">EXMark2</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">45</li> <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <div class="s-pagination--item is-selected">1</div> <a class="s-pagination--item" href="../../questions/tagged/jsxgraph_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/jsxgraph_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/jsxgraph_page=9" rel="" title="Go to page 9">9</a> <a class="s-pagination--item" href="../../questions/tagged/jsxgraph_page=10" rel="" title="Go to page 10">10</a> <a class="s-pagination--item" href="../../questions/tagged/jsxgraph_page=2" rel="next" title="Go to page 2"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script> /* replace <time class="fromnow" /> with human delta between `datetime` attr and now */ document.addEventListener('DOMContentLoaded', function(){ var time_elements = document.querySelectorAll("time.fromnow"); for (var i=0; i<time_elements.length; i++) { time_elements[i].innerHTML = moment(time_elements[i].getAttribute("datetime")).fromNow(); } }); </script> </body> </html>