Packages

Try any of WebWriter's widget packages in this gallery.

Neural Network
@webwriter/neural-network
Deep learning visualization for feed-forward networks with custom datasets, training and prediction.
Slides
@webwriter/slides
WIP - Present content as a sequence of screens (slides, tabs, etc.).
Quiz
@webwriter/quiz
Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of multiple tasks.
Geometry Cloze
@webwriter/geometry-cloze
Create and view geometry exercises with coloring, styling and labeling options.
Chemdraw
@webwriter/chemdraw
Periodic table of the elements. Each element can be focused on to get a brief overview of its properties.
Phet Simulation
@webwriter/phet-simulation
Collection of web templates for interactive animations from PhET that visualise a variety of topics from the fields of physics, chemistry and mathematics.
Block Based Code
@webwriter/block-based-code
Write block-based code (e.g. Scratch) and run it.
Code
@webwriter/code
Write and run code as a code cell. Supports several languages (HTML/CSS/JS, TypeScript, Python).
Flowchart
@webwriter/flowchart
Create programming flowcharts with interactive tasks. Use standardized Elements such as loops and Branchings.
Chemlab
@webwriter/chemlab
WIP - Prepare virtual laboratory environments for various topics in chemistry. Includes the building of molecules as well as applications for electrochemistry and acid/base theory.
Automaton
@webwriter/automaton
Build, visualize and interactive automata of different kinds (DFA, NFA, PDA).
Map
@webwriter/map
Geographical map with different terrain options including custom tiling, and GeoJSON support.
Logic Circuit
@webwriter/logic-circuit
Create and simulate circuits with logic gates (AND, OR, XOR, etc.).
Network
@webwriter/network
Visualization of network topologies. Can represent different kinds of networks.
Branching Scenario
@webwriter/branching-scenario
Create adaptable learning experiences by authoring a gamebook, where you present the student with choices on how to continue.
Timeline
@webwriter/timeline
Create/learn with a digital timeline and test your knowledge.
Interactive Video
@webwriter/interactive-video
(WIP) Enhance learning by adding interactive content in popups to videos for an engaging, interactive experience.
Geogebra
@webwriter/geogebra
Use the mathematics learning apps of GeoGebra for algebra and geometry.