Components
Created by Smart Sparrow

Concept Map

The Concept Map simulation allows learners to create a web of linked ideas related to a central topic in order to represent and understand relationships between concepts.

 

Unique ways to use this widget

There are multiple ways you can set up and use this widget. For example:

  • Get students thinking about a topic by starting lessons with a concept map.
  • Ask students to build a concept map around a central idea before a lesson, and then again at the end of lesson. Show them the two maps side-by-side to illuminate how much they’ve just learned.
  • Give students a group of words and ask them to select the concepts related to a central concept.

 

Have a play

 

Basic setup instructions

  1. Copy the widget link by clicking on the Get Component button at the top of this page.
  2. In the Author Tool, add a blank component from the Components tab and resize it to your liking.
  3. Paste the url that you’ve just copied into the Component’s source.
  4. With the component selected, Click on Configure and select Options to set it up.
  5. This widget is set entirely via the options menu. Have a look at the CAPI table desciption at the bottom of the article for more information on what you can do.

 

Component Properties

Properties available for creating trap states or configuring your questions.

Property Purpose Type
Sim Options.Mode
Mode of the widget
Student
Config
Sim Options.Config JSON
The configuration data for the widget.
String
Sim Options.Custom Css
Custom CSS (Inline or URL)
String
Concept Map.Node IDs
A list of all node IDs
Array
Concept Map.Node Labels
A list of all node labels (read only)
Array
Concept Map.Map Edit Mode
Which mode of editing the concept map is in
Nodes: Square
Nodes: Circle
Nodes: Triangle
Nodes: Diamond
Links: None
Links: Towards
Links: Away
Links: Both
Concept Map.Number of Nodes
The number of nodes in the map.
Number
Concept Map.Zoom Factor
The zoom factor for the concept map. Defaults to 1 (100%)
Number
Concept Map.Node dragging enabled
Allow users to move nodes around
Boolean
Concept Map.Zooming enabled
Allow users to zoom the map
Boolean
Concept Map.Tips enabled
Allow tips to be shown after user interaction
Boolean
Concept Map.User Interface Visible
Show/Hide User Interface
Boolean
Concept Map.Node Add Enabled
Enabled/Disable Node Add
Boolean
Concept Map.Node Remove Enabled
Enable/Disable Node Remove
Boolean
Concept Map.Node Edit Enabled
Enable/Disable Node Edit
Boolean
Concept Map.Link None Add Enabled
Enabled/Disable Link None Add
Boolean
Concept Map.Link Towards Add Enabled
Enabled/Disable Link Towards Add
Boolean
Concept Map.Link Away Add Enabled
Enabled/Disable Link Away Add
Boolean
Concept Map.Link Both Add Enabled
Enabled/Disable Link Both Add
Boolean
Concept Map.Link Edit Enabled
Enable/Disable Link Edit
Boolean
Concept Map.Link Names
Link Names
Array
Links.{index}.From Id
From Id
Number
Links.{index}.To Id
To Id
Number
Links.{index}.Direction
The current direction
None
Towards
Away
Both
Links.{index}.Color
The current color
String
Links.{index}.Label
The label
String
Nodes.{index}.Label
The label of node
String
Nodes.{index}.Shape
The current shape of node
Square
Circle
Triangle
Diamond
Nodes.{index}.Size
The current size of node
Icon
Small
Medium
Large
Nodes.{index}.Color
The current color of node
Black
Gray
Silver
Violet
Blue
Turquoise
Sea-green
Green
Pear
Supernova
California
Bittersweet
Red
Pink
Nodes.{index}.Linked To
The node ids of nodes that are connected to this node
Array

 

Advanced setup

Contact our team for help setting up the simulation and trap states in your lessons.

Want to work with us to create your own component?
Request services