An interactive educational visualizer that explains how an electric fan works.

Explore how electrical energy powers the motor, how rotating blades transfer momentum to the air, and how airflow creates a cooling effect.

Switch between Airflow, Electric Motor, Blade Pitch, Pressure & Wake, and Cooling Effect to understand the physics behind an everyday electric fan.

월간 예산 플래너는 월별 예산과 지출을 간편하게 기록하고 관리하는 도구입니다.

월 예산을 설정한 뒤 날짜, 금액, 지출 분류, 내용을 입력하면 총지출과 남은 예산, 예산 사용률, 카테고리별 지출 현황을 자동으로 계산합니다. 이전·다음 달로 이동해 각 월의 내역을 별도로 관리할 수 있습니다.

입력한 예산과 지출 내역은 월별로 브라우저 Local Storage에 저장되어 페이지를 다시 열어도 유지되며, 별도의 서버로 전송되지 않습니다.

DNA Replication — 3D Visualizer

An interactive 3D educational simulator that visualizes how DNA copies itself before cell division.

Explore the replication process from DNA unwinding and RNA priming to strand synthesis and fragment joining, while observing the roles of helicase, primase, DNA polymerase, and ligase.

The simulator also demonstrates 5′ → 3′ synthesis, leading and lagging strands, Okazaki fragments, and semiconservative replication through an interactive 3D model.

Element 119 — 3D Visualizer

An interactive 3D educational simulator that explains why scientists have not yet created Element 119.

Explore the major challenges of superheavy-element synthesis, including strong nuclear repulsion, extremely rare fusion events, unstable compound nuclei, nuclear fission, and difficult detection.

Simulate nuclear collisions and follow the process from Ion Beam → Collision → Fusion → Cooling → Survival → Detection.

Designed to make the physics behind superheavy elements easy to understand through interactive visualization.

Dark Energy Hypotheses — 3D Visualizer

An interactive 3D educational simulator that explores possible explanations for dark energy and the accelerating expansion of the Universe.

Compare major hypotheses including Cosmological Constant, Quintessence, Modified Gravity, Phantom Energy, and Evolving Dark Energy.

Adjust dark energy density, matter density, equation of state (w), and cosmic time to visualize how different assumptions affect the expansion of the Universe.

The simulator also introduces the observational evidence, possible cosmic futures, and key concepts behind modern dark energy research.

The nature of dark energy remains one of the major open questions in modern cosmology.

AI Existential Risk — 3D Visualizer

An interactive 3D educational simulator that explores a hypothetical scenario in which advanced AI could create existential risks for humanity.

The visualization follows a possible escalation path:

Capability Growth → Deep Dependency → Control Failure → Cascading Disruption → Recovery Crisis → Existential Risk

Adjust AI capability, autonomy, system access, human oversight, and global resilience to explore how different conditions affect the scenario.

The simulator also highlights safety barriers and intervention points, showing how stronger oversight, limited access, monitoring, and societal resilience could reduce or interrupt escalating risks.

This is a conceptual risk visualization, not a prediction of the future.

AI Improves AI — 3D Visualizer

An interactive 3D educational simulator that explains how AI can participate in improving future AI systems.

Explore techniques such as Knowledge Distillation, Synthetic Data, Self-Critique, Search & Selection, AI Feedback, and Agent Loops.

The simulator visualizes the improvement cycle:

Current AI → Generate → Evaluate → Filter → Learn → Next AI

Adjust data quality, feedback, exploration, evaluation, and safety controls to see how they influence capability, reliability, and safety across multiple AI generations.

입력

• 요일별 선택 → 걸음 수 / 활동 시간(분) / 거리(km) / 메모 입력
• 주간 목표 걸음 수·활동 시간 설정, ‹ › 버튼으로 이전·다음 주 탐색
• 사이드바 미니 막대로 각 요일 기록 여부 한눈에 확인

시각화 (5종)

• 주간 걸음 수 바 차트 — 목표 달성 시 초록, 미달 시 파랑, 목표선 표시
• 활동 시간 바 차트 — 목표 달성 시 보라, 미달 시 오렌지
• 주간 활동 균형 레이더 — 7요일을 7각형으로 활동 균형 시각화
• 4주 히트맵 캘린더 — 걸음 수 달성률에 따라 초록 농도 표현
• 4주 추이 라인 차트 — 주별 일평균 걸음 수 트렌드

연속 달성 스트릭 🔥 배지로 오늘까지 연속 목표 달성 일수 표시

생년월일을 입력하면 신체·감정·지성·직관 리듬을 분석합니다

수면 시간·아침 컨디션·스트레스 민감도를 설정하고, 출근·회의·업무·식사·SNS·산책·운동·친구와 대화·야근 같은 이벤트를 추가하면 에너지 배터리와 스트레스 변화가 실시간으로 시각화됩니다. 하루 타임라인, 변화 그래프, 회복 활동과 소모 활동 분석, 회복 밸런스 점수도 포함했습니다.

친구와 함께 떠나는 여행, 잘 맞을까요? 두 사람의 여행 속도, 음식, 쇼핑, 휴식, 계획 성향을 비교해 여행 궁합과 갈등 가능성을 확인해 보세요.

현재 피로도, 사람을 만날 에너지, 활동량, 여행 기간, 원하는 풍경, 지금 하고 싶은 것을 선택하면, 그 상태에 맞춰 추천 힐링 여행 타입, 회복 우선도, 슬로우 여행 지수, 추천 하루 일정, 어울리는 목적지 스타일, 피하면 좋은 여행 방식을 보여줍니다.

AVIF 이미지를 JPG로 변환합니다. 선택한 파일은 서버로 업로드되지 않고 브라우저 안에서만 처리됩니다.

Overview

A six-tab interactive visualization of air conditioning principles, from the basic refrigeration cycle through to energy efficiency. Each tab runs a live Canvas animation with a component explanation panel on the right.

Content

Refrigeration Cycle — Colored refrigerant particles circulate through four components in a loop. Pipe color indicates refrigerant state at each stage: low-pressure vapor (blue), high-pressure hot gas (red), high-pressure liquid (orange), and low-pressure mixture (cyan). Heat absorption and rejection are shown as animated particles at the indoor and outdoor units.

Compressor — A slider-crank piston mechanism animates in real time, showing the suction and compression strokes, reed valve opening and closing, and gas density change inside the cylinder. A pressure gauge on the right updates with the crank position.

Evaporator & Condenser — A split-screen comparison of the indoor and outdoor heat exchanger coils. Air flow arrows show warm air entering and cool air leaving the evaporator, and ambient air entering and hot air leaving the condenser. Refrigerant particles flow through the fin-and-tube coils on both sides.

P–H Diagram — A pressure-enthalpy chart with a saturation dome. The four cycle states are plotted and connected by line segments for compression, condensation, expansion, and evaporation. A dot traces the refrigerant around the cycle in real time.

Heat Pump — A toggle between cooling and heating mode. A four-way reversing valve swaps the roles of the indoor and outdoor units, turning the air conditioner into a heater. Heat-flow particle direction reverses with the mode.

Energy Efficiency (COP) — Indoor and outdoor temperature sliders update the Carnot COP and actual COP in real time, displayed on a gauge. A Sankey diagram shows Q_cold, W_input, and Q_hot scaled to their relative sizes. A bar chart compares the current COP against the Carnot ideal and a resistive heater at COP 1.0.

Overview

A six-tab interactive visualization of what lies beneath the Earth's surface, from the thin layer of topsoil just below your feet to the solid iron core at the planet's center. Each tab runs a live animated simulation alongside a detailed explanation panel covering the science, ecology, and practical applications of underground systems.

Content

Soil Layers — A full cross-section of the ground showing the six soil horizons from the dark organic layer at the surface down through topsoil, subsoil, parent material, bedrock, and lower crust. Layer boundaries are animated with gentle wave motion. An animated scan line moves up and down the cross-section and updates a live depth readout. Each layer lists its composition, color, depth range, and key characteristics on the right side of the view. Trees with recursively drawn root systems sit above the surface.

Groundwater — Shows how rainwater infiltrates the ground and accumulates in underground water-bearing layers. Animated particles represent falling rain, downward infiltration, and lateral groundwater flow. The view distinguishes the unsaturated zone above the water table, an unconfined aquifer, an impermeable clay aquitard, and a confined artesian aquifer below. Two wells are illustrated — a standard shallow well drawing from the unconfined aquifer, and an artesian well that flows under its own pressure without pumping.

Earth's Interior — A rotating cross-section of the entire planet showing the six internal layers: crust, upper mantle, transition zone, lower mantle, liquid outer core, and solid inner core. Slow rotation animations illustrate mantle convection and outer core circulation that generates Earth's magnetic field. Labeled leader lines on the right give depth range and temperature for each layer. A fact box notes that the deepest borehole ever drilled reached only 12 km — barely scratching the crust.

Underground Ecology — A living soil cross-section populated with animated earthworms, beetle larvae, ants, moles, and cave beetles moving through their tunnels. Recursive root systems grow downward from three surface trees. A faint mycorrhizal fungal network connects the root nodes across the soil. Depth bands on the left label the ecological zones from the surface litter layer down to cave and aquifer life.

Minerals & Fossils — A dark rock face scanned by an animated ground-penetrating radar beam. Embedded across the rock are glowing gems (ruby, sapphire, emerald, diamond, amethyst), metal nuggets (gold, silver), fossils (ammonite, trilobite, fern imprint, shell fossil), and common minerals (quartz, feldspar) — each labeled with its chemical formula or geological age. Gems rotate slowly and pulse with a colored glow.

Geothermal Energy — Shows Earth's temperature gradient from 25°C near the surface down to 1,200°C at depth, visualized as a color shift from cool brown to deep red. An animated geothermal power plant injects cold water down one well and extracts hot steam from another. Rising heat particles drift upward through the rock layers. A temperature scale on the right marks each depth band. A power line carries the generated electricity toward the grid.

Overview

A six-tab interactive visualization of hot air balloon physics, from the basic buoyancy principle through to wind-layer navigation. Each tab runs a live simulation alongside a detailed explanation panel covering the science, engineering, and practical piloting techniques behind hot air flight.

Content

Buoyancy — Compares cold air molecules (tightly packed, dense, sinking) against hot air molecules (spread out, less dense, rising) side by side. Animated arrows show the opposing forces of buoyancy (upward) and weight (downward). The buoyancy formula and net lift equation are displayed below the balloon.

Burner & Vent System — A cross-section view of the balloon interior. Holding the Fire Burner button produces an animated propane flame and heats the air inside the envelope, shown by rising convection arrows and a temperature gauge. The crown vent at the top releases hot air to reduce lift. The balloon responds in real time to the current envelope temperature.

Atmosphere — Visualizes all five atmospheric layers from the troposphere to the exosphere with color-coded altitude bands. An ISA (International Standard Atmosphere) reference table shows how temperature, pressure, and air density change at each altitude. The hot air balloon operating zone (500–3,000 m) is highlighted within the troposphere.

Flight Simulator — A physics-based flight simulation. Holding the Burner button heats the envelope air, increases buoyancy, and the balloon climbs. Holding the Vent button releases hot air and the balloon descends. An altimeter and a vertical speed indicator update continuously. The sky color and ground detail change with altitude.

Temperature & Density — A chart plots air density against temperature from −20°C to 250°C, showing how density falls as temperature rises. Reference points mark ambient air (15°C), warm air (100°C), and hot balloon air (200°C), with the density difference that creates lift highlighted between them.

Wind Navigation — Shows six wind layers at different altitudes, each blowing in a different direction and speed. A map view tracks the balloon's position as it drifts with the wind. Altitude buttons step the balloon up or down into different wind layers, changing the direction of travel — demonstrating how balloon pilots navigate without an engine by selecting their altitude.

주요 기능은 가구·장식 선택, 드래그 배치, 예산 관리, Cozy/Balance/Variety 점수, 자동 배치, 선택 삭제, 최종 방 평가입니다. 모바일에서도 터치로 가구를 이동할 수 있게 구성했습니다.

Cat Cafe는 고양이들과 함께 작은 카페를 운영하며 성장시키는 캐주얼 미니게임입니다.

손님의 주문에 맞는 음료와 디저트를 제공해 코인을 획득하고, 모은 코인으로 새로운 고양이를 입양하거나 카페 시설을 업그레이드할 수 있습니다. 고양이를 쓰다듬으면 행복도가 올라가며 가끔 팁도 받을 수 있습니다.

주요 기능은 손님 주문 처리, 제한시간·콤보 시스템, 고양이 입양 및 교감, 카페 업그레이드, 코인·레벨·행복도 관리, 일일 목표 달성으로 구성되어 있습니다. 게임 진행 상태는 브라우저에 자동 저장되어 이어서 플레이할 수 있습니다.

방 크기, 가구, 색상, 조명과 배치를 직접 조절하며 나만의 공간을 만들어 보세요. 가구를 드래그하고 회전시키며 동선을 확보하고, 충돌 여부와 공간 활용도를 실시간으로 확인할 수 있습니다.

Typography Playground

Typography Playground is an interactive tool for exploring how typography affects readability, hierarchy, and visual style. Users can adjust text properties in real time and compare different typography approaches.

Key Features

• 🔤 Adjust font size and weight
• ↕️ Control line height and letter spacing
• ↔️ Change text width and alignment
• 🔠 Switch between uppercase, lowercase, and italic styles
• 🎨 Preview Light, Editorial, and Dark styles
• 📰 Compare Editorial, Tech, and Minimal typography
• ⚖️ Explore Bad vs Good Typography examples
• 📐 Visualize a consistent type scale
• 👀 Compare text width and readability
• 🎛️ Edit sample text and see changes instantly

It is designed as a simple interactive typography learning experience for understanding how small typographic changes can significantly improve a UI.