A collection of interactive web applications, which can be used for teaching and learning of applied statistics (app name starts with asta-), design of experiments (doe-) and methods for multivariate data analysis (mda-). The initial version was made using R/Shiny but later has been replaced with the current version, written using Svelte, so every app is just a single JavaScript file (supplemented with CSS), which can be embedded into any HTML page and be used without a backend.
You can see the full list of all application as well as try them and download the app builds here.
If you want to use any app in your project, do the following (here, for example, it is assumed that you selected app asta-b101, which is the first app in the list):
-
Download
asta-b101.zipfrom the graasta.com. The archive contents a folderasta-b101with two files:asta-b101.js— the JavaScript code of the app with all styles, minified, andindex.html— simple HTML file which can be used to run the app locally. -
Move the first file to the folders where you keep js files (here we assume it is
./js). Open your HTML file and add a DOM element (e.g.<div>) with ID"graasta-app-container".
After that just add two lines to the header of the HTML file (between tags <head>...</head>):
<script defer src='/js/asta-b101.js'></script>And load the file in a browser. Everything should work. You can also look into the index.html from the same folder for inspiration.
Here are some important notes about the use of the apps in your own projects:
-
The apps are designed to be shown in 16:9 ratio. They will work with any ratio and any size but 16:9 gives the best view.
-
Smallest size the apps can scale down to is 800x450 pixels. Largest size is limited by 2560x1440 pixels. Anything in between will works just fine.
-
The apps are tested in latest versions of Safari, Chrome and Firefox browsers. They should also work fine in all Chromium based browsers, e.g. Microsoft Edge. Any other browser which supports modern CSS standards and can run Javascript should also work.