Packages

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

Create and practice UML class, object and sequence diagrams with configurable elements, limits and validation.

Interactive agent-based epidemic simulation (SIR/SIRS/SEIR/SIRD/SEIRD) for WebWriter explorables, with charts, quarantine, hotspots, and communities.

Advance Organizer

@webwriter/advance-organizer

Create visual advance organizers to introduce new topics. Link concepts to further content that learners can open with a click.

Chart

@webwriter/chart

ww-chart is an interactive data visualization widget for the WebWriter tool that implements various charts and diagrams for static and exploratory data visualization.

Network

@webwriter/network

Visualization of network topologies. Can represent different kinds of networks.

Dna Sim

@webwriter/dna-sim

Simulate DNA replication, transcription, and translation in phases, including animations.

Evolution Sim

@webwriter/evolution-sim

Simulate evolution with agents that search for food, reproduce and pass on mutating genes. Inspect individual agents and analyze population and gene distribution in charts.

Neural Network

@webwriter/neural-network

Deep learning visualization for feed-forward networks with custom datasets, training and prediction.

Quiz

@webwriter/quiz

Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of multiple tasks.

Code

@webwriter/code

Write and run code as a code cell. Supports several languages (HTML, JavaScript/TypeScript, Python, Java, WebAssembly).

Geometry Cloze

@webwriter/geometry-cloze

Create and view geometry exercises with coloring, styling and labeling options.

Website Builder

@webwriter/website-builder

Build, explore and understand static websites with different layouts (Freeform, Flow, Flex, Grid).

Deep Learning Model

@webwriter/deep-learning-model

A set of blocks to create, train and evaluate deep learning models.

Flowchart

@webwriter/flowchart

Create programming flowcharts with interactive tasks. Use standardized Elements such as loops and Branchings.

Chemdraw

@webwriter/chemdraw

Periodic table of the elements. Each element can be focused on to get a brief overview of its properties.

Timeline

@webwriter/timeline

Create/learn with a digital timeline and test your knowledge.

Automaton

@webwriter/automaton

Build, visualize, and interact with different kinds of automata (DFA, NFA, PDA).

Branching Scenario

@webwriter/branching-scenario

Create adaptable learning experiences by authoring a gamebook, where you present the student with choices on how to continue.

Block Based Code

@webwriter/block-based-code

Write block-based code (e.g. Scratch) and run it.

Hash

@webwriter/hash

Visually create hashing workflows with keys, salts, and hash functions.

Slides

@webwriter/slides

Present content as a sequence of slides or tabs.

Map

@webwriter/map

Geographical map with different terrain options including custom tiling, and GeoJSON support.

Geogebra

@webwriter/geogebra

Use the mathematics learning apps of GeoGebra for algebra and geometry.

Phet Simulation

@webwriter/phet-simulation

Explore physics, chemistry, mathematics, and biology with interactive PhET simulations.

Interactive Video

@webwriter/interactive-video

Add interactive popups to audio and video content. Supports several providers (YouTube, Vimeo, TikTok, direct links).

Word Puzzle

@webwriter/word-puzzle

Crossword and word search puzzle creation tool featuring customizable grids, clues, and interactive solving.

Logic Circuit

@webwriter/logic-circuit

Create and simulate circuits with logic gates (AND, OR, XOR, etc.).

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.

Graph

@webwriter/graph

Visualize graphs, simulate common graph algorithms (Kruskal, Dijkstra, BFS, DFS, etc.), and record your own graph animations.