Skip to main content
EduArc can generate interactive HTML tutorials that help students understand complex concepts through step-by-step visualizations. These are especially useful for mathematical processes and procedures.

​
What Are Interactive Tutorials?

Interactive tutorials are web-based visualizations that:
  • Walk through processes step by step
  • Let students control the pace
  • Show mathematical concepts visually
  • Provide immediate feedback
  • Work on any device with a browser

​
When to Use Them

Step-by-step mathematical procedures
Algorithms and processes
Concepts that benefit from visualization
Topics where students need to see “how” not just “what”
Best for:
  • Solving equations step by step
  • Graph transformations
  • Geometric proofs
  • Algorithm demonstrations
  • Scientific processes

​
Adding Interactive Tutorials

​
Basic Request

Add an interactive tutorial for [concept].
Examples:
  • “Add an interactive tutorial for solving quadratic equations”
  • “Add a visualization showing how to complete the square”
  • “Add an interactive demonstration of the chain rule”

​
With Specific Features

Add an interactive [type] that [specific behavior].
Examples:
  • “Add an interactive graph where students can drag points and see how the equation changes”
  • “Add a step-by-step walkthrough of long division with explanations at each step”
  • “Add a visualization showing the relationship between velocity and acceleration”

​
Example Use Cases

​
Mathematics

  • Solving linear equations step by step
  • Factoring quadratics
  • Completing the square
  • Working with fractions
  • Finding derivatives
  • Integration techniques
  • Limits visualization
  • Area under curves
  • Geometric constructions
  • Transformations (reflect, rotate, translate)
  • Similar triangles
  • Circle theorems
  • Function transformations
  • Finding intercepts
  • Sketching curves
  • Asymptotes

​
Science

  • Motion graphs
  • Vector addition
  • Circuit simulation
  • Wave properties
  • Balancing equations
  • Electron configuration
  • Reaction mechanisms
  • Cell division stages
  • DNA replication
  • Protein synthesis

​
How Students Use Them

  1. View the initial state: Students see the starting point (e.g., an equation to solve)
  2. Step through: Click “Next” to see each step with explanations
  3. Go back: Review previous steps if needed
  4. Interactive elements: Some tutorials let students try things themselves
  5. Complete: Reach the final answer with understanding of the process

​
Where Tutorials Appear

​
In Course Websites

Tutorials embed directly into your pages: 
Add an interactive tutorial explaining how to solve this type of equation to the examples section.

​
As Standalone Resources

Add dedicated tutorial pages: 
Add a page with interactive tutorials for all the integration techniques.

​
Example Prompts

​
Adding Tutorials

Add an interactive tutorial showing how to solve 2x + 5 = 13.
Add a visualization demonstrating function transformations.
Add a step-by-step walkthrough of the quadratic formula.

​
Adding to Content

Add an interactive example after the explanation.
Embed a tutorial showing this concept in action.
Include an interactive demonstration students can practice with.

​
Specific Requirements

Add a tutorial that lets students input their own numbers.
Add an interactive graph students can manipulate.
Add a visualization with a "try it yourself" section.

​
Tips for Interactive Content

Clear Steps

Each step should show one clear action or concept

Explanations

Include text explaining why each step happens

Pacing

Let students control the speed—don’t auto-advance

Review Option

Allow going back to previous steps

​
Technical Notes

Interactive tutorials are generated using advanced AI (Gemini) to create custom HTML/JavaScript visualizations. They work in any modern browser without plugins.

​
Compatibility

  • Works on desktop and mobile browsers
  • No installation required
  • Loads within your EduArc content

​
Limitations

  • Complex simulations may take a moment to generate
  • Very specialized visualizations might need refinement
  • Some concepts are better suited to interactive treatment than others

Website Template

Embed tutorials in course sites

Hub

Browse pre-made visualizations