Build log · Software & apps

Bearing Reference

Software & appsdone2 versionsDTEngineeringInteractiveHTML
📄 Raw spec (.md)📁 Portfolio

reflection not written yet · every fact below is generated from this project’s own spec and files

What it is

Interactive bearing reference — 22 bearing types with cutaway diagrams, live ISO 15 code decoder, build-a-code tool, 67 real dimension tables, L10 life calculator, ISO 286 fit guide, failure modes & quiz.

Version history

Straight from the project’s own card data — what each version added.

V1

22 types, decoder, quiz.

V2

Builder, dimensions, L10 calculator, ISO fits, failure modes.

What broke, and what I’d change

Not written yet. This is the part only I can write — what actually went wrong, and what I’d do differently. It lives in builds/reflections/bearing-reference.md (see _TEMPLATE.md); as soon as that file has words in it, this section fills in on the next build.

Everything else on this page — the spec, the version history, the file counts — is generated from the project’s own build notes and files, so nothing here is guesswork.

Build spec

The project’s own build notes, rendered. Open the raw .md ↗

Show the spec

Bearing Reference — Interactive Web App

Build spec for the interactive bearing reference (single-file HTML, works offline, no external deps).

Deliverable

~/Desktop/bearing-poster/Bearing-Reference.html (self-contained; ~112 KB; dark engineering/blueprint theme, #0d1b2e).

Purpose

One interactive reference covering EVERY bearing type for DT coursework, F1 in Schools and revision. Superset of the printed poster (Bearing-Numbers-Poster.pdf).

Features (7 tabs)

  1. 🔍 Types — 22 bearing types (deep-groove, angular-contact, self-aligning, thrust ball, cylindrical/needle/tapered/spherical roller, roller thrust, linear bushings, insert/pillow-block, miniature, full-complement, hybrid ceramic, thin-section, crossed roller, slewing, plain bushings, spherical plain, cam follower, air/magnetic). Each card has a parametric SVG cutaway + detail modal (features, uses, example codes, variants, pros/cons, speed/load/misalignment, fact). Search + category filter chips.
  2. 🔢 Decoder — live ISO 15 designation decoder: prefix/type/series/bore/suffix segmentation with colours + meanings. Handles 6205-2RS, NU/NJ/NUP, NA/HK needle, UC inserts, GE/GAC spherical plain, LM linear, MR miniatures, XRB/CRB, KR/CF. Bore rules: 00-03 specials (10/12/15/17), ×5 rule, <10 mm = direct, 620/621/622 specials, HK/NK/GE/LM direct mm.
  3. 🧱 Builder — reverse decoder: pick family → series → bore → suffix, generates a valid code (zero-padded bore codes!) and live-decodes it. ABEC 1-9 vs ISO P0-P2 grade table.
  4. 📐 Dimensions — 67 real bearings (6000/6200/6300/6800/6900 + miniatures incl. 608 8×22×7, 623 3×10×4) with d/D/B + load ratings C/Co; searchable/sortable; row click → L10 life calculator ((C/P)^3 or ^10/3 → million revs + hours).
  5. 🛠 Mounting — 3 mounting rules, ISO 286 fit calculator (p6/j6/h6/g6 shaft; H7/J7/N7/P7 housing, µm values by size range), method cards incl. F1-in-Schools press-fit tip (print PLA hubs 0.1-0.2 mm undersized).
  6. ⚠️ Failures — 8 failure modes (spalling, brinelling, false brinelling, fluting, overheating, contamination, cage damage, corrosion) + grease vs oil + NLGI grades (30-50% fill rule).
  7. 🎯 Quiz — 8 random questions (bore/type/series/suffix), scoring + wrong-answer review.

Architecture

  • Namespaced objects: B (data), T (SVG), D (decoder), V (views), Q (quiz), N (tools).
  • Radio-button tab switching; inline onclick/onchange handlers; string concat (no template literals).
  • Built-in #selftest harness (runs on load, writes result to hidden div): 24 decoder cases + 12 build-a-code cases + life-calc math + dims/fits checks.

Verification

  • node --check on extracted JS.
  • Headless Chromium: --dump-dom → grep <div id="selftest"> for SELFTEST PASS.
  • Works fully offline (no CDN, system fonts only).

Deploy

  • Copied to demos/bearing-reference.html in portfolio repo; card uses o:7 iframe demo.
  • Live: https://isaac1804.com/portfolio/ → Bearing Reference card.