Embedded Files
Test and share interesting things that can be embedded and shown in a webpage
A list of web tech stuff that I want to share with other teachers and researchers:
I also share things at https://cocolaberica.github.io/ for learning and leisure.
Sketchfab (online 3D models)
Sketchfab (online 3D models)
If you need 3D models for teaching or research purposes, have a look at https://sketchfab.com/
It seems that all of its models have embed HTML code (free of charge and no login account required).
Go to the page of the model (e.g., https://sketchfab.com/3d-models/cat-1c98602fb14a4d44929f5c14974e94db), click the </> Embed button and then copy the HTML code.
Clara (online 3D models)
Clara (online 3D models)
https://clara.io/ is another free 3D model viewer that offers embed HTML code (no login account required).
But I think the performance of Sketchfab (shared above) is better.
To embed from clara.io, go to the page of the model (e.g., https://clara.io/view/c50376fa-a0ed-4963-b190-3df0fd294f21), click "Get Embed Code" and then copy the HTML code.
CodePen (online HTML, CSS & JS code editor)
CodePen (online HTML, CSS & JS code editor)
CodePen (https://codepen.io/) is a very nice online code editor that supports HTML, CSS and JavaScript.
Go to the page of the code snippet (e.g., https://codepen.io/rpsthecoder/pen/PqZNzG), click the "Embed" button on the bottom right (there are options for Default Tabs, Theme, etc.) and then copy the HTML code.
And the following code snippet shows how to create a clickable map (an image) from simple HTML code (click the HTML button on the top left to view the code).
JDoodle (online code editor)
JDoodle (online code editor)
If you need to run and show code in other languages, then JDoodle (https://www.jdoodle.com/) is a good option.
But standard libraries only (except Java), according to https://docs.jdoodle.com/compilers-and-ides#what-libraries-are-supported
And it seems that its embed code doesn't work on Google Site as I tested here, so I would just post the link of my program (e.g., https://www.jdoodle.com/embed/v0/5iAC?arg=0) rather than embed the URL (the effect of embed is shown below). By the way, the ?arg=0 at the end of the URL is added to hide the command line arguments. To hide the stdin inputs, use ?stdin=0 while ?stdin=0&arg=0 will hide both.
NetLogo (agent-based modelling environment)
NetLogo (agent-based modelling environment)
NetLogo is a free agent-based modelling/simulation software created by Uri Wilensky. It has a models library containing lots of interesting models/simulations in diverse disciplines including science and social science.
You can use models from its library (following is Schelling's Model of Segregation implemented using NetLogo) or create your own models (NetLogo is easy to learn and I will share an intro later).
To embed a model from NetLogo Web:
Go to the model page (e.g., https://netlogoweb.org/launch#https://netlogoweb.org/assets/modelslib/Sample%20Models/Social%20Science/Segregation.nlogo) and then click the Export: HTML button on the right hand side.
Double-click the downloaded file (e.g., Segregation.html) to open it in a web browser, and then press "Command+Option+U" (Mac) or "CTRL+U" (Windows) to view the HTML code.
Press "Command+A" (Mac) or "Control+A" (Windows) to select all code, and then press "Command+C" (Mac) or "CTRL+C" (Windows) to copy the HTML code.
In the spirit of reconciliation I acknowledge the Traditional Custodians of country throughout Australia and their connections to land, sea and community. I pay my respects to their Elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples today.
Page updated
Google Sites
Report abuse