RV Diagrams

Interactive 3D diagrams for RV electrical systems, built as self-contained HTML files with no build step required.

Diagrams

battery-box.html — Battery Box Structure

An interactive 3D visualization of an RV battery box showing the physical layout and wiring of a dual LiFePO4 battery bank.

What it shows:

• Wood frame (edge-beam cube construction with 4 corner posts, bottom rails, top rails)
• Bottom EVA foam isolation pad
• 2x 100Ah 12V LiFePO4 batteries wired in parallel
• Brass terminals on each battery (positive and negative)
• Top foam buffer pads + top retention beam (2x4 lumber)
• Positive and negative bus cables linking the parallel bank
• Output (+) and output (−) leads exiting through the side walls

Controls:

Input	Action
Drag	Rotate the view
Scroll / Pinch	Zoom in/out
Hover over a part	Show component name, material, and description

The scene auto-rotates until you interact with it.

System specs shown:

Spec	Value
System voltage	12V / 24V
Battery type	LiFePO4 Lithium
Battery count	2x 100Ah (parallel)
Frame material	2x4 lumber
Padding	Closed-cell EVA foam
Bus cable	2 AWG
Output leads	4 AWG

cabin.html — Airstream Safari 25′ Cabin

An interactive walkthrough of a 2003 Airstream Safari 25′ (Model 25A floorplan, modified with a king-bed conversion at the rear and a U-shaped front dinette).

What it shows:

• Curved aluminium shell with windows, tandem axle, A-frame tongue, propane tanks and rooftop A/C
• Entry door that swings open, and a camera move that steps you inside
• First-person cabin: galley, fridge column, corner end table, mid-bath (shower, lavatory, toilet), wardrobes, U-dinette and king bed
• Bathroom door (swings out into the aisle) and a roll-up shower door
• Curb-side awning that extends and retracts; reflective riveted aluminium shell with rock guard and stone guard
• Roof cutaway view of the whole layout from outside

Controls:

Where	Input	Action
Outside	Drag / Scroll / Pinch	Orbit and zoom
Outside	Click entry door	Open it, click again to step inside
Inside	Drag	Look around
Inside	WASD / Arrow keys	Walk
Inside	Click floor	Walk there (routes through the bath doorway)
Inside	Click a door	Open or close it; walking out the entry door returns outside

Buttons in the navigation panel do the same things and jump between rooms.

Dimensions are approximate. Every size lives in the L layout block and the OPENINGS list at the top of the script, in inches, measured from the centre of the cabin floor. They were scaled from the factory floorplan (calibrated on its labelled 32″×78″ beds and 31⅝″×42″ dinette), so swap in tape measurements as you take them.

Usage

Open any HTML file directly in a browser — no server or dependencies needed beyond an internet connection for Google Fonts and the Three.js CDN.

open battery-box.html

Tech Stack

• Three.js r128 — 3D rendering via WebGL
• Vanilla HTML/CSS/JS — zero build tooling
• Google Fonts: Share Tech Mono, Rajdhani

License

See LICENSE.