An animation demonstrating Steven Strogatz's colliding dogs problem.
Chris Lusto ctlusto
ctlusto
/ index.html
Last active
January 12, 2019 14:02
An interactive exponential population model using Desmos
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="//cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.css"> | |
| <link rel="stylesheet" href="scrubber.css"> | |
| <link rel="stylesheet" href="main.css"> | |
| <script src="//www.desmos.com/api/v0.8/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> | |
| <!-- Load jQuery from Desmos instead of pulling in another copy --> | |
| <script>window.jQuery = window.$ = Desmos.$</script> | |
| <script src="//cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.js"></script> |
ctlusto
/ index.html
Last active
July 11, 2017 17:33
An interactive logistic population model using Desmos
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="//cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.css"> | |
| <link rel="stylesheet" href="scrubber.css"> | |
| <link rel="stylesheet" href="main.css"> | |
| <script src="//www.desmos.com/api/v0.8/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> | |
| <!-- Load jQuery from Desmos instead of pulling in another copy --> | |
| <script>window.jQuery = window.$ = Desmos.$</script> | |
| <script src="//cdn.jsdelivr.net/semantic-ui/2.2.6/semantic.min.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function() { | |
| // MathQuillify some text | |
| var MQ = Desmos.MathQuill; | |
| MQ.StaticMath($('#slope-intercept')[0]); | |
| MQ.StaticMath($('#intercept-point')[0]); | |
| MQ.StaticMath($('#slope')[0]); | |
| MQ.StaticMath($('#intercept')[0]); | |
| MQ.StaticMath($('#slope-annotation')[0]); | |
| MQ.StaticMath($('#intercept-point-annotation')[0]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Logistic Population Growth</title> | |
| <link rel="stylesheet" href="scrubber.css"> | |
| <link rel="stylesheet" href="main.css"> | |
| <script src="scrubber.js" charset="utf-8"></script> | |
| <script src="//www.desmos.com/api/v0.8/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> | |
| </head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Exponential Population Growth</title> | |
| <link rel="stylesheet" href="scrubber.css"> | |
| <link rel="stylesheet" href="main.css"> | |
| <script src="scrubber.js" charset="utf-8"></script> | |
| <script src="//www.desmos.com/api/v0.8/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> | |
| </head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>Desmos Custom Colors</title> | |
| <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://code.jquery.com/jquery-3.1.0.js"></script> | |
| <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | |
| <script src="https://www.desmos.com/api/v0.8/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Happy Trails</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="calculator"></div> | |
| <script src="//www.desmos.com/api/v0.5/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"></script> |
An example of creating and updating expressions with the Desmos API to make a color-shifting timer. Accompanies this post.