Basic Conversion Enter amount → select base currency → select target currency → result displayed instantly ⇄ button swaps From / To currencies in one click Inverse rate shown automatically (e.g. 1 KRW = 0.00075 USD) Exchange Rate Data Connects to live rate API automatically; falls back to reference rates if unavailable 50 major currencies supported Auto-refreshes every 5 minutes Popular Currency Quick Cards 12 currencies displayed as cards — USD, EUR, GBP, JPY, KRW, CNY, and more Click any card to instantly switch the target currency Daily change shown with color indicators (green ↑ / red ↓)

QR Code & Barcode Generator A browser-based tool that instantly creates QR codes and barcodes — no app, no sign-up, no upload required. QR Code What it's for: Share a link, contact, WiFi password, or message as a scannable code. Anyone with a smartphone camera can scan it instantly. Barcode What it's for: Generate standard barcodes used on products, packages, and inventory labels.

OTP / 2FA Code Generator A browser-based tool that generates 6-digit one-time passwords for two-factor authentication (2FA) — the same codes you'd normally get from Google Authenticator or Authy. What it does When you enable 2FA on a website (GitHub, Google, AWS, etc.), you receive a secret key. Paste that key into this tool and it will generate a fresh 6-digit code every 30 seconds — exactly what the website asks for when you log in. Privacy Everything runs entirely in your browser — your secret keys are never sent anywhere. No account, no internet connection, no server involved.

🌍 Tab 1 — Prehistoric World A living, animated prehistoric scene that changes completely with each geological period. Selecting Triassic, Jurassic, Cretaceous, or K-Pg Event transforms the sky colour, vegetation, volcano activity, and dinosaur species on screen. Theropods (bipedal), sauropods (long-necked), and pterosaurs move and bob across the landscape with walking animation. A time-of-day slider cycles through dawn, daylight, dusk, and night — stars appear at night and the sun arcs across the sky by day. Weather modes (Clear, Cloudy, Rain, Storm) add rain streaks and cloud cover. Volcanic ash particles drift from the background volcano in the Triassic and Jurassic scenes. Global temperature, oxygen level, and CO₂ concentration for each era are shown live in the side panel. Hit ☄️ Impact! to jump straight to the extinction event. 📊 Tab 2 — Timeline An interactive geological timeline spanning the full Mesozoic — 252 Ma to 66 Ma. Drag the time cursor to travel through the Triassic, Jurassic, and Cretaceous, and watch the side panel update with the period name, estimated global temperature, and known species count. Seventeen major events are plotted as vertical markers: mass extinctions sit at full height, species events stagger between short and medium tiers so labels never overlap. Each label sits on a dark pill background for legibility. A temperature curve overlays the timeline axis. Period bands (Triassic / Jurassic / Cretaceous) are colour-coded across the full canvas. 🦖 Tab 3 — Species Explorer Nine key species are displayed in a 3×3 animated grid — T. rex, Brachiosaurus, Triceratops, Stegosaurus, Velociraptor, Spinosaurus, Ankylosaurus, Iguanodon, and Archaeopteryx. Each cell shows the dinosaur's walking or swaying animation, its period badge, body length, and weight. Clicking any cell loads its full profile in the side panel: scientific name, geological age, diet, bite force or other distinguishing stats, and a paragraph on its biology and recent fossil discoveries. A clade filter (Theropods, Sauropods, Ceratopsians, Ankylosaurs, Ornithopods) narrows the grid to the selected group. 💥 Tab 4 — K-Pg Extinction A six-phase simulation of the Chicxulub asteroid impact, 66 million years ago. Before — a peaceful Cretaceous scene with living dinosaurs. Entry — the fireball streaks across the sky at the set velocity. Impact — expanding shockwave rings, ejecta debris fountaining outward, blinding flash. Firestorm — global fires blanketing the surface, smoke columns rising. Winter — ash snowfall, temperature plunge, bare dead trees, total darkness. Recovery — vegetation slowly returns, early mammals appear, recovery percentage climbs with the years-after-impact slider. Asteroid diameter (5–20 km) and velocity (10–40 km/s) are adjustable — energy output, global temperature, species extinction percentage, and recovery time all recalculate in real time. 🧬 Tab 5 — Evolution Tree A radial phylogenetic tree of 19 dinosaur clades, from the root Dinosauria node through the Saurischia / Ornithischia split, down to families like Tyrannosauridae, Dromaeosauridae, Titanosauria, and Avialae (birds). Each node glows in its clade colour and pulses gently. Hover any node to see its name and first-appearance date in millions of years. Bézier curves connect parent and child clades. A red dashed line marks the K-Pg boundary at 66 Ma — only the Avialae branch crosses it, illustrating that birds are the sole surviving dinosaur lineage. A geological time scale runs along the bottom with Triassic, Jurassic, and Cretaceous colour bands.

Submarine Principles Visualizer 5 ⚓ Tab 1 — Buoyancy Archimedes' principle visualised as a live physics simulation. Buoyant force (F = ρgV) and gravitational weight are shown as opposing arrows, and the submarine actually rises or sinks in real time depending on how much ballast water is loaded. Adjustable parameters: submarine mass, seawater density, hull volume, and ballast fill percentage. A depth ruler on the right tracks the current position. 🌊 Tab 2 — Ballast Tanks A cutaway cross-section view of the submarine's interior. The two main ballast tanks (MBT — forward and aft) and two trim tanks are rendered with live water fill levels and animated surface ripples inside each tank. High-pressure air bottle charge is visualised as a pressure bar. Four quick-set presets: Surface, Neutral, Dive, and Emergency Blow. Pitch angle is calculated in real time from the trim tank imbalance. 🔧 Tab 3 — Dive & Ascent Set a target depth with the slider and the submarine dives or ascends to it using real physics — driven by hydroplane angle and ballast fill. Bow and stern dive plane angles are drawn directly on the canvas. Live readouts show hull stress level, a 400 m test-depth warning line, and the current dive/ascent rate in metres per minute. 🧭 Tab 4 — Navigation The submarine is steered in real time on a top-down chart view. Adjusting the rudder slider changes heading and leaves a visible wake trail; ocean current continuously deflects the track. A compass rose in the top-right corner shows the live heading. The INS panel displays heading, speed, distance travelled, and current depth. 📡 Tab 5 — Sonar & Systems Three sonar modes — Active, Passive, and Towed Array — are visualised on a radar-style scope. A rotating sweep line detects contacts within range and marks them with icons: surface ships, submarines, whales, and fish schools. A passive sonar waterfall spectrogram runs down the right side. Background noise, own-ship noise, and effective detection range are all calculated live. Life support system status — oxygen, fresh water, reactor output, and battery charge — is displayed in the side panel.

🌆 Tab 1 — Cityscape Drag the year slider from 2025 to 2100 and watch the city evolve in real time. Vertical gardens, solar panels, hyperloop tubes, drone corridors, and autonomous vehicles all coexist in a day/night cycle simulation. Four city styles: 🌿 Arcology (nature-integrated), ⚡ High-Tech (advanced tech), ☀️ Solarpunk (solar-powered), 🌊 Underwater (seabed city). Adjustable tech level, green coverage, population, and time of day. ⚡ Tab 2 — Energy Grid Manage a smart grid in real time by balancing four energy sources: solar, wind, fusion, and battery storage. Energy packets flow from generators to district consumers, visualised as a live node network. Four event modes: Normal / Peak Demand / Solar Storm / Grid Failure. Total generation, surplus or deficit, renewable share, and carbon intensity are all calculated live. 🚊 Tab 3 — Mobility Autonomous pods, drone taxis, and a hyperloop capsule operate simultaneously across a grid-based future city. Raising the AI optimisation level improves traffic flow and renders route prediction lines. A congestion slider lets you simulate gridlock scenarios. Live readouts show average trip time, active pod and drone counts, and transport carbon emissions (electric = 0 g/km). 🌿 Tab 4 — Eco Systems Adjust four ecological infrastructure types — vertical forests, algae bioreactors, urban farms, and wildlife corridors — and watch carbon capture, food self-sufficiency, biodiversity index, and air quality update live. Includes pollen, spore, and raindrop particle effects, bird flocking animation, and a rainfall-responsive rain overlay. 🤖 Tab 5 — AI & Data Brain The city's central AI neural network is visualised as a radial diagram. Eight domain AI agents — mobility, energy, security, health, ecology, climate, economy, and education — exchange live data packets with the central City Brain node. Four event modes: Normal Ops / Crisis Mode / Self-Upgrade / Cyber Attack. Adjustable AI capability level, sensor density, data throughput, quantum computing share, and privacy level.

🦠 Tab 1 — Natural Selection Organisms carry genes for speed, size, and camouflage as they move, forage for food, and evade predators. Each generation, survivors reproduce and mutations accumulate, shifting the population's average traits in real time. Four habitats to choose from — savanna, forest, arctic, and ocean — with adjustable predator count, mutation rate, selection pressure, and food abundance. Right-click any organism to remove it, simulating targeted predation. Hit ☠ Mass Extinction to trigger a population collapse event. A live average-fitness chart updates with every generation. 🧬 Tab 2 — DNA & Mutation Visualises DNA double-helix replication at the base-pair level (A, T, G, C). A replication fork advances along the strand, and you can choose which type of mutation to observe: point mutation (single base substitution), insertion, deletion, or crossover. Mutated positions are highlighted in pink. GC content and sequence divergence from the original strand are calculated live. 🌿 Tab 3 — Ecosystem A full three-trophic-level food chain — plants → herbivores → carnivores — simulated as a living ecosystem. All three species evolve simultaneously, and Lotka–Volterra population oscillation cycles emerge naturally without any scripting. A real-time population graph at the bottom of the side panel tracks the cycles (green = plants, yellow = herbivores, red = carnivores). Plant regrowth rate, starting herbivore and carnivore counts, and mutation rate are all adjustable. 🔬 Tab 4 — Speciation A single population is split into two groups — A and B — by a geographic barrier (mountain range, ocean channel, or desert). Each group evolves independently under different selection pressures, and their traits (visualised as colour) diverge over generations. Increasing barrier permeability allows gene flow between the two groups, slowing divergence. The genetic divergence bar at the top fills toward 100% as speciation nears completion. 📈 Tab 5 — Phylogeny A radial phylogenetic tree grows automatically every time a speciation event occurs from the common ancestor. Node colour represents genetic distance from the root — green for ancestral lineages, shifting through blue and purple to red for highly diverged species. Extinct lineages are marked with a grey cross. Branching rate, extinction rate, and mutation per branch are all adjustable. Hit ⚡ Adaptive Radiation to instantly trigger a burst of rapid speciation.

🌋 Tab 1 — Fault & Seismic Waves A real-time fault cross-section simulation. Click anywhere on the canvas to set a new epicentre — P-waves (yellow), S-waves (orange), and surface waves (red) immediately radiate outward as concentric rings at their respective speeds. The canvas shows the hypocenter, epicentre, fault line, and a geological cross-section (sediment, granite, lower crust). Ground shaking and soil debris particles spawn as intensity increases. Controls include fault type (strike-slip, reverse, normal), focal depth, and rock hardness. Hit ⚡ Trigger M8.0 to fire a large earthquake instantly. 🏙 Tab 2 — Building Damage Twelve different building types respond to shaking in real time — unreinforced masonry, pre- and post-modern reinforced concrete, timber frame, and modern seismically designed structures progress from vibration to cracking to collapse to rubble. Adjustable parameters: magnitude, soil type (bedrock / sand / soft clay / liquefiable), building code era (1950s to modern), distance from the fault, and shake intensity. A live seismograph waveform runs along the bottom. Collapse rate, heavy damage rate, estimated casualties, and undamaged percentage are all calculated live. 🗾 Tab 3 — Seismic Map A global seismic hazard map with 26 high-risk zones rendered as pulsing hotspots. Tectonic plate boundaries and 14 historical M7+ earthquake records are overlaid — including Tōhoku, Chile, Sumatra, Nepal, and Haiti. A four-tier hazard legend (Extreme / High / Moderate / Low) is shown at the bottom left. 🌊 Tab 4 — Tsunami A cross-section simulation of the full tsunami lifecycle: submarine earthquake → wave generation → shoaling → coastal inundation. The wave travels at ~800 km/h in deep water, then slows and dramatically steepens as it approaches shore — the shoaling effect. Coastal buildings flood and collapse, and the inundation zone advances inland. Adjustable parameters: magnitude, seafloor displacement, ocean depth, coastal slope, and wave speed. Real-time readouts show deep-water speed, runup height, estimated arrival time, and inundation distance. 📊 Tab 5 — Risk Analysis Earthquake risk is calculated as Hazard × Exposure × Vulnerability and displayed on a semicircular gauge dial for four cities: Tokyo, San Francisco, Istanbul, and Kathmandu. Factor bars show each component scored out of 10. A Custom mode lets you define any city profile and simulate its overall risk score and rating (Low / Moderate / High / Critical).

🧊 Tab 1 — Ice Loss Adjust the year slider (1850–2100) and warming scenario (+1–4°C) to watch glaciers melt in real time. As the year advances, the glacier shrinks, crevasses open up, icebergs calve from the front, and meltwater streams run down the surface — all physically simulated. A timeline bar at the bottom shows the current year position. Live readouts display remaining ice percentage, annual loss rate (Gt/yr), and sea level contribution. 🌊 Tab 2 — Sea Level Rise Adjust sea level rise (0–3 m) and storm surge sliders to flood the skylines of five cities — New York, Tokyo, Miami, Jakarta, and Dhaka. Building windows submerge as the water rises and a flood line marks the current level. Population at risk (millions), inundated land area (km²), and economic loss ($T) are all calculated live. 🌡 Tab 3 — Temperature Historical temperature anomaly data from 1850 to 2024 is displayed as a colour-coded bar chart — blue for cool years, red for warm ones. Four future pathways (1.5 / 2.0 / 3.0 / 4.5°C) are overlaid as projection lines extending to 2100. Background shading marks the 1.5°C Paris target, the dangerous zone, and the catastrophic zone. 🌍 Tab 4 — Global Impact The cascading consequences of glacier melt are visualised as an interactive network graph. Nine nodes — glaciers, sea level, freshwater, ice-albedo feedback, permafrost, ecosystems, migration, food security, and economy — are connected by animated flowing edges. Clicking a category button (💧 Freshwater / 🌾 Food / 🐻 Ecosystems / 👥 Human) highlights the relevant impact chain. ⏳ Tab 5 — Future Scenarios Remaining glacier ice from 2024 to 2100 is plotted simultaneously across four warming scenarios (1.5 / 2.0 / 3.0 / 4.5°C). Dragging the year slider moves a vertical probe line and marks each scenario's remaining ice percentage at that point in time. Projected losses by 2100: 49% / 68% / 83% / 94% respectively.

RAG (Retrieval-Augmented Generation) is a technique that improves AI answers by first searching relevant documents, then feeding that context to a language model to generate accurate, up-to-date responses. Think of it like an open-book exam — instead of relying solely on memorized knowledge, the AI can look up relevant information before answering.

Real WebGL polyhedra rendered with Three.js: a true tetrahedron (d4), cube (d6), octahedron (d8), dodecahedron (d12), and icosahedron (d20). The d10 is modeled as a pentagonal bipyramid — a close, honest stand-in for the kite-faced trapezohedron real d10 dice use, without claiming geometric perfection I can't verify in this build.

World Map Explorer 요약 목적: 나라별 인구와 GDP를 세계지도 히트맵으로 시각화하는 한글 웹 도구 기능 지표 토글: 인구 / GDP 버튼으로 지도 색상, 범례, 랭킹이 즉시 전환 세계지도: d3-geo로 그린 지도에 60개국을 로그 스케일 색상으로 표시 (색 진할수록 값이 큼), 클릭·호버로 상세 확인 국가 검색: 드롭다운으로 국가를 바로 선택해 지도에서 하이라이트 국가 상세정보: 인구, GDP, 1인당 GDP(자동 계산) 상위 20개국 랭킹: 선택한 지표 기준 막대그래프 (스크롤 가능) 데이터: 실시간 API가 아닌, 직접 입력한 60개국의 대략적인 추정치 (정확한 통계는 World Bank 등 공식 자료 참고 필요)

RAG (Retrieval-Augmented Generation) RAG lets a language model answer questions using your own documents instead of relying only on what it memorized during training. It works in two phases: Indexing (offline, done once per document) Documents → Chunking → Embedding → Vector Store Query (online, done per question) User Query → Query Embedding → Retrieval → Augmentation → Generation When a question comes in, it's converted into a vector and compared against the stored document vectors to find the most similar chunks. Those chunks are inserted into a prompt alongside the question, and the model generates an answer grounded in that retrieved context — rather than guessing from memory alone.

1. 대출 조건 입력 대출원금 (콤마 자동 포맷 입력) 연이자율 (%) 대출기간 (년 + 개월) 상환방식 3가지 중 선택: 원리금균등상환 / 원금균등상환 / 원금만기일시상환 2. 상환 요약 총 상환액, 총 이자, 첫 회차 상환액, 마지막 회차 상환액을 카드로 표시 3. 방식 비교 (세 방식을 한 화면에서 비교) 강조 박스: 원금은 세 방식 모두 동일하지만 총 이자는 다르다는 것을 숫자(최대 차액)로 안내 총 이자 비교 막대그래프 대출잔액 비율 추이 선그래프 (잔액이 얼마나 빨리 줄어드는지) 누적 원금 상환 비율 추이 선그래프 (경로는 달라도 결국 100%에 도달함을 확인) 4. 월별 상환 구성 선택한 방식에서 매달 원금·이자 비율이 어떻게 변하는지 영역 차트로 시각화 5. 월별 상환 스케줄 표 전체 회차(예: 20년이면 240행)의 회차·상환원금·상환이자·월상환액·대출잔액을 스크롤 가능한 표로 제공

세 가지 수익 모델(구독·광고·후원)을 슬라이더로 파라미터를 조정하면 수익이 실시간으로 계산되어 KPI 카드·차트·테이블에 즉시 반영됩니다. 상단 KPI 카드 (4개) 카드 계산 방식 월 총 수익 세 모델 수익 합산 + 연간 환산 표시 구독 수익 구독자 수 × 월 구독료 광고 수익 (페이지뷰 × 슬롯 × Fill Rate / 1000) × CPM 후원 수익 팔로워 × 전환율 × 평균 후원액 × (1 - 수수료) 모델 카드 (3개) 각 카드 우상단의 토글로 모델을 켜기/끄기해 시나리오를 비교할 수 있습니다. 🔄 구독 모델 구독자 수, 월 구독료, 이탈률(Churn), 신규 유입률 조정 하단에 순 구독자 증감, LTV(생애 가치 = 구독료 ÷ 이탈률), 연간 예상 수익 표시 📺 광고 모델 월 페이지뷰/조회수, CPM, Fill Rate, 광고 슬롯 수 조정 유효 노출수, 실효 eCPM, 연간 예상 수익 표시 💜 후원 모델 총 팔로워, 후원 전환율, 평균 월 후원액, 플랫폼 수수료 조정 후원자 수, 수수료 차감액, 연간 예상 수익 표시

생성형 AI가 사이버 공격의 각 단계에서 어떻게 활용되는지, Lockheed Martin의 Cyber Kill Chain 프레임워크를 기반으로 4가지 방식으로 시각화한 한글 HTML입니다. 실제 공격 실행 방법이나 악성코드는 포함하지 않은 보안 인식 교육용 개념 자료입니다. 01 · 공격 체인: 정찰 → 무기화 → 전달 → 익스플로잇 → 설치 → 지휘통제 → 목표 실행 7단계를 가로 플로우로 표시. 단계 클릭 시 "AI 활용 방식"(빨강)과 "방어 대응"(파랑)이 나란히 표시됩니다. 02 · 공격 흐름 시뮬레이션: ▶ 버튼을 누르면 각 단계가 순서대로 진행되며 터미널 로그 스타일로 상황이 서술됩니다. 03 · 공격-방어 매트릭스: 7단계 전체를 카드 그리드로 펼쳐 공격 측/방어 측 설명을 한눈에 비교합니다. 04 · 단계별 특성 레이더: 단계를 선택하면 탐지 난이도·자동화 수준·잠재적 피해·확산 속도·요구 기술 수준 5개 축을 방사형 차트로 보여줍니다(교육용 예시 수치).

🔬 Tab 1 — Hydrogen Bond Shows the dipole structure (δ–/δ+) created by oxygen's high electronegativity, and hydrogen bond formation, through a real-time molecular simulation. Molecules undergo thermal motion and continuously form and break H-bonds (shown as dashed lines), with the active bond count calculated live. Raising the temperature increases thermal agitation and visibly reduces the number of bonds. 🧊 Tab 2 — Ice Floats Explains why ice floats on water at the molecular level. The left panel shows ice's open hexagonal crystal lattice; the right panel shows liquid water molecules packed more closely in a disordered arrangement. A temperature slider adjusts the ice layer thickness, accurately reproducing the state where roughly 10% of the ice block sits above the waterline. 📈 Tab 3 — Phase Diagram Renders water's full phase diagram pixel by pixel, with solid, liquid, gas, and supercritical regions colour-coded. The triple point, critical point, normal melting point, and normal boiling point are all marked. The key feature is the negatively sloped melting curve — increasing pressure lowers the melting point, the opposite of almost every other substance, and a direct result of ice being less dense than liquid water. A draggable probe point shows the current phase at any temperature and pressure combination instantly. 💧 Tab 4 — Surface Tension Four modes: Droplet — visualises the net inward force on surface molecules that pulls water into a sphere to minimise surface area; Capillary — demonstrates capillary rise in tubes of three different radii (narrower tube = higher rise); Water Strider — shows how surface tension at 72 mN/m supports an insect's weight without the surface breaking; Ripples — click anywhere on the canvas to generate ripples, with surface tension as the restoring force. 🌡 Tab 5 — Anomalies Four anomaly charts: Density max at 4°C — plots water's density curve against a typical substance, highlighting the 4°C maximum that keeps lake bottoms liquid through winter; Heat Capacity — compares water's specific heat against ethanol, olive oil, and mercury (water stores 2–30× more heat); Viscosity — shows how viscosity falls sixfold from 0°C to 100°C as hydrogen bonds progressively break; Molecule Compare — bar chart of boiling points for H₂O, H₂S, H₂Se, and H₂Te, making it immediately clear how far water deviates from the trend of its chemical family.

IP 주소를 입력하면 실제 무료 지오로케이션 API(ipwho.is)로 조회해서 지도와 상세 정보를 보여주는 도구예요. 주요 기능 - IP 입력 후 조회, 또는 빈 값으로 조회 시 접속 중인 내 IP 자동 표시 - Leaflet + OpenStreetMap 지도에 핀 마커로 위치 표시 - 국가/지역/도시/우편번호/위도/경도, ISP/조직/도메인, 사용 유형(호스팅·모바일·일반 회선), 대륙/수도, 시간대, 실시간으로 흐르는 현지 시각, AS 번호, 프록시·VPN·Tor 감지 배지 표시

🌊 Tab 1 — Open Ocean Simulates deep-water waves using the Gerstner wave model. Real-time controls for wave count, amplitude, wavelength, speed, choppiness, and wind direction. Four render styles: Classic, Wireframe, Thermal, and Night. Includes foam particles, sun glare, and night-mode starfield with moonlight. Significant wave height (Hs) and period are calculated live. 🏖 Tab 2 — Breaking Surf Physically simulates waves breaking as they enter shallow water. The Iribarren number determines the break type automatically — Spilling, Plunging, or Surging. Adjustable beach slope, wave height, period, wind strength, and foam density. Includes a foam particle system and spray particle physics. Breaking depth is displayed in real time. 🌀 Tab 3 — Wave Physics Four physics modes: Superposition — visualises the principle of linear superposition across three panels (Wave 1, Wave 2, and their sum) Interference — shows constructive and destructive interference as the phase offset changes Standing Wave — incident + reflected wave combination, with nodes highlighted in yellow Fourier — decomposes a square wave into odd harmonics in real time, with a frequency spectrum bar chart that auto-builds harmonic by harmonic 🌍 Tab 4 — Deep Sea A vertical cross-section from the surface to the seabed. Depth zones are clearly delineated: sunlight zone (0–200 m), twilight zone (200–1000 m), midnight zone (1000–4000 m), and abyssal zone. Visualises light ray penetration, suspended particles, bioluminescent organisms, and a hydrothermal vent on the seabed. Water temperature and light level update live with depth. ⛈ Tab 5 — Storm A fully developed storm sea based on the JONSWAP spectrum. Wind speed input automatically determines the Beaufort scale rating (0–12). Features multi-layer storm waves, dynamic storm clouds, rain physics, foam streaks, and a branching lightning algorithm. Every visual element scales in intensity with wind speed.

🎨 Explorer — Select from 16 presets and the tree renders instantly. Six sliders give real-time control over iteration count (n), angle, segment length, length ratio, line width, and taper. Pan by dragging the canvas, zoom with the mouse wheel. Live stats show segment count, branch count, and total string length. ✏️ Custom Editor — Type your own axiom (starting string) and production rules to build a custom L-System from scratch. Rules can be added or removed dynamically, and the generated string is previewed live beneath the editor. 🖼 Gallery — All 16 presets rendered as thumbnails in a grid. Click any card to jump to the Explorer and start exploring that system. 📖 How It Works — A full written tutorial covering the theory behind L-Systems: the three components (alphabet, axiom, rules), a symbol reference table, step-by-step string expansion examples, and code blocks for famous L-Systems. 16 Presets Binary Tree, Plant A, Plant B, Barnsley Fern, Shrub, Pine Tree, Palm Tree, Weeping Willow, Coral, Seaweed, Spiral Plant, Koch Snowflake, Dragon Curve, Sierpiński Triangle, Hilbert Curve, Gosper Curve 8 Color Styles Forest, Autumn, Neon, Snow, Cherry Blossom, Ocean, Fire, Pastel ▶ Grow — Automatically increments the iteration count from 1, animating the tree as it grows branch by branch. 📷 Save — Export the current canvas as a PNG. 🌙 / ☀️ — Toggle between dark and light themes.