https://github.com/andrewcmyers/constrain

Skip to content Toggle navigation
 
Sign up

  * Product
      +  
        Actions
        Automate any workflow
      +  
        Packages
        Host and manage packages
      +  
        Security
        Find and fix vulnerabilities
      +  
        Codespaces
        Instant dev environments
      +  
        Copilot
        Write better code with AI
      +  
        Code review
        Manage code changes
      +  
        Issues
        Plan and track work
      +  
        Discussions
        Collaborate outside of code
      + Explore
      + All features
      + Documentation
      + GitHub Skills
      + Blog
  * Solutions
      + For
      + Enterprise
      + Teams
      + Startups
      + Education
      + By Solution
      + CI/CD & Automation
      + DevOps
      + DevSecOps
      + Case Studies
      + Customer Stories
      + Resources
  * Open Source
      +  
        GitHub Sponsors
        Fund open source developers
      +  
        The ReadME Project
        GitHub community articles
      + Repositories
      + Topics
      + Trending
      + Collections
  * Pricing

[                    ] 

  *  
    #
    In this repository All GitHub |
    Jump to |

  * No suggested jump to results

  *  
    #
    In this repository All GitHub |
    Jump to |
  *  
    #
    In this user All GitHub |
    Jump to |
  *  
    #
    In this repository All GitHub |
    Jump to |

Sign in
Sign up
{{ message }}
andrewcmyers / constrain Public

  * Notifications
  * Fork 2
  * Star 88

Responsive, animated figures in JavaScript/HTML canvases

andrewcmyers.github.io/constrain
88 stars 2 forks
Star
Notifications

  * Code
  * Issues 18
  * Pull requests 0
  * Discussions
  * Actions
  * Projects 0
  * Security
  * Insights

More

  * Code
  * Issues
  * Pull requests
  * Discussions
  * Actions
  * Projects
  * Security
  * Insights

andrewcmyers/constrain

This commit does not belong to any branch on this repository, and may
belong to a fork outside of the repository.
master
Switch branches/tags
[                    ]
Branches Tags
Could not load branches
Nothing to show
{{ refName }} default View all branches
Could not load tags
Nothing to show
{{ refName }} default
View all tags

Name already in use

A tag already exists with the provided branch name. Many Git commands
accept both tag and branch names, so creating this branch may cause
unexpected behavior. Are you sure you want to create this branch?
Cancel Create
7 branches 6 tags
Code

  * Local
  * Codespaces

  *  
    Clone
    HTTPS GitHub CLI
    [https://github.com/a]

    Use Git or checkout with SVN using the web URL.

    [gh repo clone andrew]

    Work fast with our official CLI. Learn more.

  * Open with GitHub Desktop
  * Download ZIP

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

@andrewcmyers
andrewcmyers Remove unneeded groups
...
adb2574 Jan 15, 2023
Remove unneeded groups
adb2574

Git stats

  * 519 commits

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
doc
 
 
examples
 
 
images
 
 
reveal.js @ 9430a98
 
 
tests
 
 
.gitignore
 
 
.gitmodules
 
 
README.md
 
 
constrain-graph.js
 
 
constrain-mathjax.js
 
 
constrain-pdf.js
 
 
constrain-ps.js
 
 
constrain-reveal.js
 
 
constrain-slide.css
 
 
constrain-trees.js
 
 
constrain.js
 
 
numeric-1.2.6.js
 
 
View code
Constrain - a JS (ES6) library for animated, interactive figures,
based on declarative constraint solving Demos Requirements

README.md

 Constrain - a JS (ES6) library for animated, interactive figures,
based on declarative constraint solving

Triangle image

  * Responsive, animated figures embedded in web pages
  * Figures implemented declaratively with time-dependent constraints
    on graphical objects
  * Integrates with Reveal.js presentations
  * GitHub repository
  * Reference manual
  * A short talk about Constrain

 Demos

Using constraints to compute the Golden Ratio (Drag the diamond!)

A short talk about Constrain, using Reveal

Cornell University course notes using Constrain for embedded figures:
CS 2112, CS 4120/lexer generation, CS 4120/bottom-up parsing

Interactive Pythagorean Theorem

Interactively computing centers of a triangle

TeX-style text formatting

Simple template page for using Constrain

Animated trees

 Requirements

  * ES6-capable web browser
      + Tested on Chrome, Opera, Brave, Firefox, Safari (runs best on
        the first three)
      + Does not work on Internet Explorer or Opera Mini
  * Numeric.js version 1.2.6 (included)

About

Responsive, animated figures in JavaScript/HTML canvases

andrewcmyers.github.io/constrain

Topics

constraints web-pages animated-figures embedded-figures

Resources

Readme

Stars

88 stars

Watchers

5 watching

Forks

2 forks

Releases 5

 
Release 0.3.0 Latest
Apr 21, 2021
+ 4 releases

Packages 0

No packages published

Languages

  * JavaScript 95.1%
  * HTML 4.8%
  * CSS 0.1%

Footer

 (c) 2023 GitHub, Inc.

Footer navigation

  * Terms
  * Privacy
  * Security
  * Status
  * Docs
  * Contact GitHub
  * Pricing
  * API
  * Training
  * Blog
  * About

You can't perform that action at this time.
You signed in with another tab or window. Reload to refresh your
session. You signed out in another tab or window. Reload to refresh
your session.