Skip to content

Concept List

This document contains concepts for the "Creating Educational MicroSims with Generative AI" course.

Generated: 2025-11-25 Skill Version: Learning Graph Generator v0.02 Total Concepts: 240

Instructions for Review

Please review this list carefully before proceeding to the next step. Consider:

  • Are there concepts that should be removed?
  • Are there missing concepts that should be added?
  • Are concept labels clear and concise (max 32 characters)?
  • Do the labels use appropriate Title Case?

Changes made now save significant effort in later steps.

Concept Labels (1-240)

  1. MicroSim Definition
  2. MicroSim Uniqueness
  3. Simplicity
  4. Embedding
  5. AI Driven
  6. Programming Fundamentals
  7. Variables
  8. Control Flow
  9. Loops
  10. Functions
  11. Debugging Techniques
  12. JavaScript Basics
  13. HTML Fundamentals
  14. CSS Basics
  15. Web Browser
  16. Developer Tools
  17. Text Editor
  18. Version Control
  19. Git
  20. GitHub
  21. p5.js Library
  22. Canvas Element
  23. Coordinate System
  24. Pixels
  25. RGB Color Model
  26. setup() Function
  27. draw() Function
  28. Global Variables
  29. Local Variables
  30. Animation Loop
  31. Frame Rate
  32. createCanvas()
  33. background()
  34. fill()
  35. stroke()
  36. rect()
  37. ellipse()
  38. line()
  39. text()
  40. textSize()
  41. textAlign()
  42. Drawing Primitives
  43. Shape Rendering
  44. Color Theory
  45. Generative AI
  46. Large Language Models
  47. ChatGPT
  48. Claude
  49. AI Prompting
  50. Prompt Engineering
  51. Iterative Refinement
  52. AI Code Generation
  53. Code Debugging with AI
  54. Token Limits
  55. Context Window
  56. AI Hallucinations
  57. AI Limitations
  58. Educational Simulation
  59. Interactive Learning
  60. Web-Based Simulation
  61. MicroSim Architecture
  62. Drawing Region
  63. Control Region
  64. Canvas Width
  65. Canvas Height
  66. Draw Height
  67. Control Height
  68. Margin Variable
  69. Standard Layout
  70. Two-Column Layout
  71. Fixed Layout
  72. Responsive Layout
  73. Bloom's Taxonomy
  74. Remember Level
  75. Understand Level
  76. Apply Level
  77. Analyze Level
  78. Evaluate Level
  79. Create Level
  80. Learning Objectives
  81. Cognitive Levels
  82. Taxonomy Pyramid
  83. Objective Classification
  84. MicroSim Type Selection
  85. p5.js MicroSim
  86. Mermaid.js Diagrams
  87. Process Diagrams
  88. Flowcharts
  89. Chart.js Library
  90. Bar Charts
  91. Pie Charts
  92. Line Charts
  93. Timeline Visualization
  94. Geographic Maps
  95. Leaflet.js
  96. Network Graphs
  97. vis-network Library
  98. Causal Loop Diagrams
  99. Equation Graphing
  100. Specialized MicroSims
  101. 3D Visualization
  102. Circuit Simulation
  103. Slider Control
  104. Button Control
  105. Start Button
  106. Stop Button
  107. Pause Button
  108. Reset Button
  109. createSlider()
  110. createButton()
  111. Input Handling
  112. Mouse Events
  113. mousePressed()
  114. mouseDragged()
  115. Keyboard Events
  116. keyPressed()
  117. Event Handlers
  118. User Interaction
  119. isRunning State
  120. Animation Control
  121. Speed Control
  122. Parameter Adjustment
  123. windowResized()
  124. updateCanvasSize()
  125. Container Width
  126. Relative Positioning
  127. Responsive Width
  128. Dynamic Scaling
  129. push() Function
  130. pop() Function
  131. translate() Function
  132. Element Grouping
  133. Coordinate Translation
  134. Dublin Core Metadata
  135. Metadata Standards
  136. Title Metadata
  137. Creator Metadata
  138. Subject Metadata
  139. Description Metadata
  140. JSON Schema
  141. YAML Frontmatter
  142. MicroSim Packaging
  143. index.md File
  144. main.html File
  145. style.css File
  146. script.js File
  147. data.json File
  148. metadata.json File
  149. Quality Score
  150. 100-Point Rubric
  151. MicroSim Validation
  152. Cognitive Load Theory
  153. Extraneous Load
  154. Intrinsic Load
  155. Germane Load
  156. Universal Design Learning
  157. Multiple Representations
  158. Scaffolding Strategies
  159. Guided Exploration
  160. Open Exploration
  161. PRIMM Methodology
  162. Predict Phase
  163. Run Phase
  164. Investigate Phase
  165. Modify Phase
  166. Make Phase
  167. Formative Assessment
  168. Quiz Mode
  169. Flash Card MicroSim
  170. Sorter MicroSim
  171. Model Editor
  172. describe() Function
  173. Screen Reader Support
  174. Color Contrast
  175. Keyboard Navigation
  176. WCAG Guidelines
  177. Accessible Design
  178. Rules Files
  179. Skills Development
  180. Claude Code
  181. p5.js Editor Preview
  182. mkdocs serve
  183. Live Preview
  184. iframe Integration
  185. MkDocs Embedding
  186. HTML Slide Embedding
  187. iframe Styling
  188. Minimal Borders
  189. Creative Commons
  190. Attribution License
  191. CC BY-NC-SA
  192. Fullscreen Icon
  193. Copyright Icon
  194. Collaboration Workflow
  195. Peer Review
  196. User Testing
  197. Usability Studies
  198. Educational Equity
  199. Low-Bandwidth Design
  200. Older Device Support
  201. Social Image Preview
  202. Open Graph Tags
  203. Other MicroSim Libraries
  204. General vs. Specialized
  205. Mermaid
  206. Declarative Layout
  207. Infographics
  208. Flowchart
  209. Workflow
  210. ToolTips
  211. ChartJS
  212. Chart Types
  213. Bar Chart
  214. Line Chart
  215. Bubble Chart
  216. Other Chart Types
  217. Data Type to Chart Types
  218. Vis-network JS Library
  219. Graph Layout Algorithms
  220. History of GraphViz
  221. Forced Directed Layout
  222. Graph Node Coloring
  223. Org Chart Example
  224. Maps
  225. Leaflet JS Library
  226. OpenMaps Data
  227. Timelines
  228. Event Lists
  229. Durations
  230. Sequence Diagrams
  231. Heavyweight Libraries
  232. ReactFlow
  233. ER Diagram Example
  234. Vis-Timeline
  235. Venn Diagrams
  236. Portfolio Development
  237. Diversity of MicroSims
  238. Learning Graph
  239. Concept Dependencies
  240. Capstone Project
  241. Project Evaluation
  242. Working in Teams