Visual Learning Tutorial
Welcome to Visual Learning!
Visual Learning is a state-of-the-art interactive simulator that lets you generate real-time diagrams, chemical models, circuits, algorithms, and architectures using AI prompts.
This walkthrough will guide you through getting started, including how to configure your free Gemini API key to enable AI-powered generations.
0 Get a Free Google Gemini API Key
To allow the app to synthesize custom visualizers, you need your own Gemini API key:
- Visit Google AI Studio.
- Click the Create API Key button.
- Copy the generated API Key string.
1 Configure API Keys in Settings
Once copied, configure the API keys inside the application:
- Click the Settings button at the top-right of this landing page.
- Paste the copied key into the Google Gemini API Key text field.
- Click Save Settings. (Stored securely inside your browser's LocalStorage).
2 Select Module & Prompt AI
You're ready! Start visualizing and playing with code/simulations:
- Select any visualizer from the main dashboard (e.g. DSA, Chemistry, UML).
- Enter a topic in the prompt box on the left, select a model, and click Generate.
- Use the interactive step controls at the bottom of the visualizer to trace step-by-step!