Objective:
Create a fully interactive, clear, and insightful data visualization. The visualization should reveal patterns, trends, and relationships within the dataset in an intuitive, accessible manner.

Target Audience:
Students aged {12 to 18} years old.

Data & Content:

1. Topic / Dataset:
   Singapore Population Trends 1980-2020", "Energy Consumption by Sector", "Correlation between Rainfall and Crop Yield" 
   (Specify if the data itself needs to be generated/simulated or if it will be provided/embedded).

2. Data Types Displayed:

"Numerical (Population Count)" 
 "Categorical (Sector Name)" 
"Temporal (Year)" 

3. Key Relationships/Patterns to Highlight:

 "Growth trend over time" 
"Comparison between categories" 
"Correlation between Variable A and Variable B" 

Visualization & Interaction:

4. Chart Types Used:

"Line Chart", "Bar Chart", "Scatter Plot", "Map", "Pie Chart" 
5. User Filtering / Sorting Options:

"Filter by Year Range (Slider)" 
"Sort categories alphabetically/by value" 
"Select specific categories to display (Checkboxes)" 

6. Interaction Methods:

 "Hover/Touch on data points for tooltips with detailed info" 
"Click on legend items to toggle visibility" 
"Zooming/Panning on complex charts (e.g., maps, scatter plots)" 
"Brushing/Linking between multiple charts"

• 7Interactive_20250725115147.zip
• 7Interactive_20250725115147/

create this interactive as accurately as possible especially the formula in knowledge base. This is for electronic school base assessment so it needs to be for a lock down, not additional hints, to support the assessment question. 

report the error if the knowledge base is not found and any other errors hindering the generation process.

• 8Interactive_20250725024927.zip
• 8Interactive_20250725024927/

Objective:
Create a fully interactive, pedagogically sound, and engaging simulation using only HTML, CSS, and JavaScript. 

Target Audience:
Students aged {5 to 11 or 12 to 18} years old.

Simulation Core Requirements:

1. Topic:
   { INSERT TOPIC HERE, ensuring it aligns with the specified MOE syllabus level, e.g., "Projectile Motion (Sec 3 Physics)", "Ohm’s Law (Sec 2 Science)", "Photosynthesis (Upper Sec Biology)" }

2. Concepts to Demonstrate:
   { INSERT KEY CONCEPT 1 HERE }

3. Interactive Variables (User Controlled, e.g., via Sliders/Inputs):
   { INSERT VARIABLE 1 NAME & RANGE/OPTIONS HERE, e.g., "Initial Velocity (0-50 m/s)" }
   { INSERT VARIABLE 2 NAME & RANGE/OPTIONS HERE, e.g., "Mass (1-10 kg)" }

4. Key Variables to Display (Always Visible):
   { INSERT DISPLAY VARIABLE 1 HERE, e.g., "Time Elapsed" }
   { INSERT DISPLAY VARIABLE 2 HERE, e.g., "Current Height" }
   { INSERT DISPLAY VARIABLE 3 HERE, e.g., "Voltage" }
   { ... add more key variables as needed ... } (Consider placing this live display in the top-right corner or another logical, non-intrusive location).

5. Motion or Animation to Display:
   { INSERT DESCRIPTION OF MOTION/ANIMATION HERE, e.g., "Parabolic trajectory of a projectile", "Electrons flowing through a circuit", "Gas molecules moving and colliding" }

6. Output/Results Visualization:
   { INSERT DESIRED OUTPUT FORMAT HERE, e.g., "Real-time graph of Height vs. Time", "Bar chart showing energy distribution", "Table of resistance values", "Dynamic display of concentration changes" }

Simulation Behavior & Features:

Scientific Accuracy: Model the system based on scientifically accurate principles and equations appropriate for the target level. Balance realism with pedagogical clarity.

Interactivity & Controls:
Include standard controls: > Play, || Pause, > | Step (advance one time-step), and ↻ Reset for Science Virtual Laboratory Setup.
Implement the user-controlled variables specified in section 3 (e.g., sliders, inputs).
[Optional] Add checkboxes to toggle the display of relevant visual aids (vectors, paths, labels) for differentiated visualization.
[Optional] Consider elements for guided exploration (hints, prompts).

Visual Aids & Representation:
Use clear text labels on significant visual objects and controls.
Employ meaningful visualizations (arrows for vectors, color-coding, icons) to represent concepts effectively (e.g., velocity, forces, energy flow). Ensure these directly aid understanding.
[Optional] Assessment & Feedback: Incorporate simple formative assessment or feedback mechanisms where appropriate.

Accessibility:
Ensure basic web accessibility (WCAG AA): sufficient color contrast, black text for example, keyboard navigability for controls, ARIA attributes if needed, associated labels for controls.

User Interface Guidelines:
Place primary control buttons logically (e.g., grouped at the top or bottom), clearly separated from the simulation area.
Maximize screen real estate for the simulation:
No self-generated page titles/headers.
Use CSS effectively for clean layout.
Fit well within an iframe: width: 100%, height: 90% (approx.), strictly no internal scrollbars.
Ensure a clear visual hierarchy and intuitive layout.

Language & Terminology:
Use clear, concise English.
Employ scientific terminology consistent with the Singapore MOE syllabus for the target level.

Platform & Compatibility:
Layout adapts reasonably to landscape and portrait orientations, maintaining usability.