Widgets

Neural-network
@webwriter/neural-network
Deep learning visualization for feed-forward networks with custom datasets, training and prediction.
Code
@webwriter/code
Write and run code as a code cell. Supports several languages (HTML/CSS/JS, TypeScript, Python).
Geometry-cloze
@webwriter/geometry-cloze
Create and view geometry exercises with coloring, styling and labeling options.
Chemdraw
@webwriter/chemdraw
Draw chemical molecules. Add custom highlighting and text descriptions.
Flowchart
@webwriter/flowchart
Create programming flowcharts with interactive tasks. Translate flowcharts into natural language or pseudo cod...
Quiz
@webwriter/quiz
Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of m...
Network
@webwriter/network
Visualization of network topologies. Can represent different kinds of networks.
Automaton
@webwriter/automaton
Build, visualize and interactive automata of different kinds (DFA, NFA, PDA).
Slides
@webwriter/slides
WORK IN PROGRESS: Present content as a sequence of screens (slides, tabs, etc.).
Map
@webwriter/map
Geographical map with different terrain options and drawing of shapes.
Block-based-code
@webwriter/block-based-code
Write block-based code (e.g. Scratch) and run it.
Logic-circuit
@webwriter/logic-circuit
Create and simulate circuits with logic gates (AND, OR, XOR, etc.).
Webwriter-chart
webwriter-chart
ww-chart is an interactive data visualization widget for the WebWriter tool that implements various charts and...
Branching-scenario
@andreasdymek/branching-scenario
Create adaptive learning experiences by authoring a gamebook, where you present the student with choices on ho...