Supported Question Widgets
Hoppy supports a variety of interactive widgets for creating engaging educational questions. Explore the different visualization types available for quiz content.
Analog Clock
Interactive analog clock display with hour and minute hands. Optional second hand for precise time questions.
Clock Selection
Time Reading
Clock Conversion Digital Clock
7-segment digital clock display supporting both 12-hour (AM/PM) and 24-hour formats.
Multiple Choice Bar Chart
Vertical bar chart with configurable axes, labels, and values. Perfect for data interpretation questions.
Temperature Chart
Books Borrowed Stacked Bar Chart
Vertical stacked bar chart with multiple data series. Supports up to 4 series with automatic color assignment and legend.
Household Expenses
Activity Participation
Cinema Snack Sales
Bakery Sales Broken Line Graph
Line chart where data points are connected by straight line segments. Supports multiple series with different colors for trend comparison.
Daily Steps
Weekly Temperature
Books Read
Monthly Temperature Box Whisker Plot
Statistical box-and-whisker plot showing five-number summary: smallest, Q1, median, Q3, and largest values.
IQR Question
Salary Comparison Equation Graph
Mathematical function plotter supporting LaTeX notation. Display single or multiple equations with customizable colors and axes.
Linear Inequality
Feasible Region
Simultaneous Equations
Line Intersection
Logarithmic Functions
Exponential Function 3D Shapes
Interactive 3D geometric shapes with perspective projection. Supports various polyhedra including tetrahedra, cubes, prisms, pyramids, and octahedra with labeled vertices and automatic hidden-edge detection.
Tetrahedron Faces
Tetrahedron Properties
Rectangular Prism
Hexagonal Prism Electric Circuit
Interactive electric circuit diagrams with batteries, resistors, bulbs, switches, ammeters, voltmeters, and wire connections. Supports series and parallel circuits with automatic junction detection.
Circuit Calculation - Grid-based node positioning for flexible circuit layouts
- Polarity markers for batteries and switches
- Automatic orientation calculation (horizontal, vertical, diagonal)
- External terminals for open/incomplete circuits
- Automatic junction dots where more than 2 wires connect
Chemical Equation
Render chemical equations with proper subscripts, superscripts, and reaction arrows. Perfect for chemistry questions involving reactions, balancing equations, and stoichiometry.
Haber Process Equation
Reaction Conditions - Chemical formulas with subscripts (H₂O, CO₂)
- Ion charges with superscripts (Fe³⁺, SO₄²⁻)
- State symbols for matter phases (s, l, g, aq)
- Various reaction arrows (→, ⇌, ⇋) with conditions
- Stoichiometric coefficients for balanced equations
Additional Supported Content
LaTeX Math
Render mathematical expressions using <tex> tags
SVG Graphics
Custom SVG drawings with full attribute support
Tables
HTML tables with colspan, rowspan, and LaTeX content
3D Geometry
Interactive 3D shapes with perspective projection and labeled vertices