6 Strike Modes 🖱 Click Strike — Fires a bolt from the top of the canvas to your cursor. Every click generates a unique fractal path. ✏️ Drag Path — Draw a route by clicking and dragging; bolts are generated along the entire path when you release. 💥 Multi-Bolt — One click spawns 3–5 bolts simultaneously at slightly offset positions, each with a small staggered delay. 🔗 Chain Lightning — Lightning hops through a midpoint before reaching the target, creating a relay-style chain strike. ⚪ Ball Lightning — Spawns a physics-simulated plasma orb with gravity, wall reflection, and surface sparks. ⬆️ Upward Strike — Simulates a ground-to-cloud return stroke — the actual visible flash that shoots upward in real lightning. ⚙️ Shape Controls Five sliders to fully customise the bolt shape: Jaggedness · Segments · Branching (0–0.7) · Branch length · Core width. ✨ Appearance Controls Core width · Glow radius · Flash duration · Auto interval 8 colour presets — Classic (white/blue), Gold, Purple, Green, Red, Cyan, Pink, Orange Hue shift slider for real-time colour rotation using CSS filter: hue-rotate() 🌩 Storm BG — Activates a dark cloud gradient background with 60 animated rain streaks rendered via Float32Arrays. 🔊 Sound — Web Audio API generates a low-frequency thunder rumble using a noise buffer filtered through a lowpass filter. ⌨️ Keyboard Shortcuts Space — instant strike at a random position A — toggle auto-strike C — clear the canvas G — toggle glow effect 1 – 6 — switch strike mode ↑ / ↓ — adjust jaggedness

🧱 Tab 1 — Anatomy Breaks a real prompt down into six colour-coded blocks. Click any block to open a detailed explanation in the right panel covering the component's purpose, how to write it, common mistakes, and actionable tips. 🎭 Role (purple) — persona definition 📋 Context (blue) — background information 🎯 Task (green) — the core instruction 📐 Format (yellow) — output structure 📸 Examples (orange) — few-shot samples 🚧 Constraints (red) — what to exclude Six quality score bars are shown at the bottom — Clarity, Specificity, Context depth, and more. The six technique cards below the blocks link directly to Tab 3 when clicked. ⚖️ Tab 2 — Before / After Places a weak prompt and a fully engineered prompt side by side for the same request. Four real-world scenarios included: 📧 Sales email writing 💻 Code review 📊 Data analysis ✍️ Creative writing Each pair shows actual AI response examples alongside quality tags (❌ Vague / ✅ Role defined, etc.). 🎯 Tab 3 — Techniques Eight techniques explained using a left-side navigation and right-side detail panel layout: Chain of Thought · Few-Shot · Role Prompting · Output Formatting · Self-Consistency · Tree of Thought · Iterative Refinement · Constraint Prompting Each technique includes a concept explanation, a side-by-side prompt comparison (❌ without the technique / ✅ with it), and four practical tips. 🛠️ Tab 4 — Playground Build your own prompt using four text inputs (Role · Context · Task · Format) and four technique toggles (Chain of Thought · Role Prompting · Few-Shot · Structured Output). Clicking ⚡ Build & Analyse produces: A fully assembled prompt preview with each component highlighted in its own colour A quality score (0–100) plus estimated token and word count A component checklist (✓ / ✗) showing what is present and what is missing Specific improvement suggestions — add a role, prompt too short or too long, consider CoT, and so on

☁️ 8 Cloud Types Cloud Altitude Description ⛅ Cumulus 600–2,000 m Multiple cloud clusters drifting with the wind 🌫 Stratus 0–600 m Uniform layer blanketing the entire sky 🌤 Cirrus 6,000–12,000 m Ice-crystal streaks in wispy mare's-tail shapes ⛈ Cumulonimbus All levels 8-layer towering cell with anvil top at tropopause 🌥 Altocumulus 2,000–6,000 m Grid-like pattern of rounded white-grey puffs 🌧 Nimbostratus Low–mid level Thick dark sheet producing continuous precipitation 🌁 Fog / Mist Ground level 5-layer flowing fog rendered at surface level 🔮 Mammatus Underside of Cb Hanging pouch formations (3 rows × multiple columns) 🎮 Interactive Features ☀️ Day / 🌙 Night — Toggles the sky gradient; night mode renders stars and a crescent moon 💨 Wind — 80 wind-streak particles linked to the Wind speed slider 🌧 Rain — 400-raindrop physics simulation with wind-angle deflection ⚡ Lightning — Fractal lightning bolts generated at random intervals, with higher frequency during Cumulonimbus and high-instability conditions ⏸ Pause — Freezes the animation ⚙️ Atmosphere Sliders — Temperature · Humidity · Wind speed · Atmospheric instability · Time of day (sunrise / midday / sunset / night auto-transition) 📊 Live Weather Readouts — Dew point · Cloud base altitude (LCL) · CAPE (Convective Available Potential Energy) · Visibility 🖼 Background Elements — Rolling hill silhouette + 18-tree treeline + surface fog layer tied to the humidity slider 📋 Right Panel — Per-cloud description · Step-by-step formation process · Weather forecast significance · Atmospheric layer altitude reference

🏗️ Architecture Presets (5 layouts) XOR — 2→4→1. The simplest non-linear classification example. Classifier — 4→6→6→3. Iris dataset-style multi-class classification. Deep — 3→5→5→5→5→2. A deep network for observing vanishing gradient behaviour. Autoencoder — 6→3→3→6. Bottleneck structure for dimensionality reduction. CNN-like — 6→8→8→4. Wide hidden layers resembling a convolutional network. 📐 Layer Editor — Use the Input / Hidden layers / Nodes per layer / Output sliders to build any custom architecture on the fly. ⚡ 6 Activation Functions — ReLU · Sigmoid · Tanh · Leaky ReLU · ELU · Softmax. Switching between them instantly updates the mini function plot in the top-left corner and the description in the right panel. 🎬 3 Modes Training — SGD simulation. Blue circular particles (forward pass) and red triangular particles (backpropagation) flow simultaneously while Loss, Accuracy, and Epoch update in real time. Forward pass — Only the forward-pass particles flow through the network. Backprop — Only the backward gradient particles flow toward the input. 🎨 Node colour meaning 🟢 Green — High activation (> 0.7) 🔵 Cyan — Mid-range activation 🔴 Red — Negative activation ⭕ Dashed circle × — Node deactivated by Dropout 🖱 Interactive Hover a node → tooltip showing its activation and bias values Hover a connection → weight value displayed at the midpoint Click an input node → randomises its activation and propagates the new values forward 📊 Right panel Live statistics: Epoch · Loss · Accuracy · Parameters Dual-line chart: Loss (red) and Accuracy (green) over training time Weight distribution histogram with a rainbow colour gradient Four-step Forward Pass walkthrough and activation function concept guide

10 interactive Network Effects visualizers! 📡 Metcalfe's Law — Animates every edge formed as n users connect in real time. Adjust the user count slider and the number of connections (n(n-1)/2) and network value (n²) update instantly. A comparison chart overlays the Linear, Metcalfe, and Reed's Law growth curves side by side. 📈 Adoption Curve — Rogers' technology adoption S-curve unfolds along a time axis. Adjust the tipping point position and growth rate k to visualise the exact moment of "crossing the chasm," with a five-segment adoption band (Innovators → Laggards) displayed below the chart. 🦠 Viral Spreading (SIR) — 200 particles move between S (blue), I (red), and R (grey) states as the epidemic spreads. An R₀ = β/γ gauge updates in real time — above 1 the infection spreads, below 1 it dies out. Includes an explanation of how this maps to the product K-factor. 🗂️ Network Types — Five types (Direct, Indirect, Data, Social, Local) are laid out as interactive cards, each containing a live mini network graph of its own structure. A bar chart at the bottom compares the competitive moat strength of each type. 💥 Critical Mass — A live level gauge and time-series chart show whether a network self-sustains or collapses depending on whether it sits above or below the threshold. Adjust the threshold and seed percentage to catch the exact moment a tipping point is crossed. 🏗️ Platform Competition — A pie chart and time-series graph together show how two platforms' market shares converge toward natural monopoly under network effects. Tune initial size and product quality to experiment with the conditions that trigger Winner-Take-All dominance. 🌀 Churn & Retention — A spinning flywheel diagram visualises how retention rate, viral coefficient, and new user acquisition interlock. The long-run user count trend and LTV estimate update in real time as you adjust the sliders. 🌍 Geographic Spread — Diffusion waves (expanding rings) radiate from the launch city and claim neighbouring cities one by one. A cascade effect is implemented — an adopted city shortens the adoption timer of nearby cities — letting you experience the city-by-city rollout strategy used by Uber and Airbnb. 📱 Social Network — Nodes are added in real time through invite loops, and nodes with more connections are rendered larger. The right-hand panel covers social graph growth insights including Facebook's north-star metric of "7 friends in 10 days." 🛒 Marketplace (Two-Sided) — Live transactions (yellow $ particles) flow back and forth between the buyer zone (blue) and seller zone (green), and both sides grow automatically as transactions accumulate. The right panel explains liquidity score, the cold-start problem, and the concept of rake rate.

An eleven-experiment high school chemistry lab visualiser! 🦷 Elephant Toothpaste — Raise the H₂O₂ concentration and KI catalyst sliders to watch foam erupt in real time. Includes a live reaction rate meter (%), a temperature gauge showing the exothermic heat release, and a full equation panel. 🌋 Baking Soda Volcano — Press the ERUPT! button on the 3D volcano to trigger a burst of CO₂ bubbles and flowing lava. Demonstrates the NaHCO₃ + CH₃COOH acid-base neutralisation reaction. 🟢 Polymer Slime — Click and drag to pull the slime blob around. PVA and borax sliders adjust cross-link density in real time, changing viscosity, elasticity, and stretchiness on the fly. 💡 Lava Lamp — Simulates density changes with a temperature slider. Heated wax becomes less dense and rises; it cools at the top, regains density, and sinks. Includes a "Like Dissolves Like" polarity guide and a density comparison chart. 🌈 pH Color Indicator — Sliding the pH scale from 1 to 14 shifts the red cabbage juice indicator through red → orange → yellow → green → blue → purple. Features seven reference test tubes and a table of everyday substances with their pH values. 🖊️ Chromatography — Solvent climbs the paper strip and separates six pigments according to their Rf values, with each band's Rf displayed live. Also covers five types of chromatography from paper to HPLC. 💎 Crystal Growing — Adjust concentration and temperature until the solution enters the supersaturated zone — crystals nucleate and grow in real time. The solubility curve marks your current state, accompanied by hexagonal crystal system graphics. ⚡ Electrolysis — Voltage and electrolyte concentration sliders control the rate of H₂ (blue bubbles) and O₂ (red bubbles) production at a 2:1 ratio. Animated electrode half-reactions and ion migration are shown inside the cell. 🔋 Fruit Battery — Click lemon, orange, apple, or potato tabs and stack cells in series to add voltages — the LED lights up once total voltage exceeds 1.5 V. Demonstrates the galvanic cell principle with half-reaction equations. 🧊 Endothermic Mix — Increasing the Ba(OH)₂ + NH₄SCN reagent amount drives the temperature down to −20°C, triggering a snowflake and frost animation. An energy profile diagram shows ΔH > 0. 🔥 Exothermic Reaction — Raising the Mg + H₂SO₄ concentration and temperature accelerates the reaction, spawning flame and spark particles. Includes an Arrhenius rate law visualisation and an energy profile diagram with activation energy marked.

Pre-algebra is a common name for a course taught in middle school mathematics in the United States, usually taught in the 6th, 7th, 8th, or 9th grade.

An eight-project Arduino simulator! Every project includes real Arduino code, a live circuit diagram, and a Serial Monitor at the bottom. 💡 LED Blink — The "Hello World" of hardware. A 220Ω resistor and LED circuit, digitalWrite(13, HIGH/LOW) code, and a PWM timing diagram all run simultaneously. 🔘 Button & LED — A live visualisation of INPUT_PULLUP. Click the button to light the LED, and see the inverted logic (LOW = pressed) explained in context. 🌓 PWM Fade — Controls LED brightness with analogWrite(9, 0–255). The PWM waveform and duty cycle update in real time as the LED breathes. 🌡️ Analog Sensor — Turn the potentiometer dial to read ADC values from 0 to 1023, then watch map() rescale them to the PWM range (0–255). Includes a voltage divider explanation. ⚙️ Servo Motor — Control the servo with an angle slider. The relationship between PWM pulse width (0.5ms – 2.5ms) and output angle is visualised live. 🎨 RGB LED — Mix any colour with the R, G, and B sliders. Press AUTO for an automatic rainbow cycle. A colour wheel is shown alongside. 📡 Ultrasonic Sensor — Shows how the HC-SR04 works with a TRIG/ECHO timing diagram. Verify the formula cm = round-trip time (µs) / 58 directly. 🚦 Traffic Light — Demonstrates a Finite State Machine (FSM). The RED → RED+YELLOW → GREEN → YELLOW cycle runs alongside a live state-transition diagram.

Derivative — The Slope tab Move the mouse along the curve to draw the tangent line (in red) at that point in real time A dashed secant line is shown alongside it, visually demonstrating the concept of a limit Shrink the gap between the two secant points using the Step h slider to watch it converge toward the tangent The slope angle and f′(x) value are displayed live Integral — The Area tab Drag the blue dot (a) to set the left boundary, then move the mouse to position the right boundary (b) The Riemann rectangles approximating the area are rendered step by step Increase the number of rectangles with the Rectangles slider to see the sum converge to the definite integral The ∫f(x)dx value is calculated in real time 6 available functions — sin(x), cos(x), x², x³, √x, and |x|. The absolute value function |x| is especially interesting: try hovering over x = 0 to experience a point where the derivative does not exist.

The periodic table, also known as the periodic table of the elements, is an ordered arrangement of the chemical elements into rows ("periods") and columns ("groups"). https://en.wikipedia.org/wiki/Periodic_table

주기율표(週期律表, 영어: periodic table) 또는 원소 주기율표는 화학 원소를 가로줄("주기")과 세로줄("족")로 정렬한 표이다.[1] 화학의 상징이자 물리학 및 기타 과학 분야에서도 널리 사용된다. https://ko.wikipedia.org/wiki/주기율표

품사별 색상 구분 예문 품사와 문장 성분의 차이 영어 문장 1~5형식 비교표 형식을 선택해 문장을 만드는 문장 조립기 주어·동사·목적어·보어 자동 분석 who, which, that의 기본 사용법 주격·목적격 관계대명사 비교 사람·사물과 문장 역할에 따른 관계대명사 예문 변경 품사, 5형식, 관계대명사 확인 퀴즈

위치, 변위, 이동 거리의 차이 양의 속도와 음의 속도 평균 속도와 평균 가속도 계산 속도에 따른 자동차 이동 실험 처음 속도와 가속도를 조절하는 시뮬레이션 속도 그래프의 기울기와 가속도의 관계 빨라지는 운동과 느려지는 운동의 구분 개념 확인 문제와 핵심 요약

빠른 변화와 그 반대 과정을 이해하는 수학

데이터와 가능성을 이해하는 수학

고등학교 수학을 쉽게 시작하기

초등 사고력, 중등 내신, 고등 수능까지. 학생의 약점을 분석하고 개념·유형·심화·실전을 단계별로 완성합니다.

문학, 비문학, 문법, 내신, 수능까지. 학생의 약점을 정확히 분석하고 실전형 독해력과 서술력을 키워주는 국어 전문 학원입니다.