Lane · Professional · Software

Customer fleet, built from scratch.

An interactive single-file HTML demo showing what an AI-assisted engineer can ship end-to-end in a day — procedurally generated 100-customer fleet, live-filtered analytics, Leaflet map with three layer modes, real-document library with signed P&IDs, and a side-by-side comparison tool. No backend, no framework, one file.

DEMO

Synthetic data. All customer names, locations, contract values, and documents on this page are procedurally generated for demonstration purposes only. Product references to DALUM and Advansor reflect real equipment families this project maps against, but no real customer relationships, sales data, or confidential information are represented here.

01 Fleet overview Live-filtered · KPI strip

02 Filters & export CSV · JSON real · PDF demo

03 Analytics Native canvas · no chart library

Revenue, installs, and status at a glance.

Four native-canvas charts: a donut of revenue by region, horizontal bars of customers by industry, a cumulative installation curve 2019→2026, and stacked bars showing service status per region. All four re-render on every filter change.

Revenue by region

Annual contract value · € millions

Customers by industry

Count of active accounts

Fleet growth · YoY

Cumulative installations · 2019 → 2026

Status breakdown

Per-region service state · stacked

04 Map Leaflet · 3 layer modes

Pins, heat, or territories.

CartoDB Dark basemap with an always-on graticule. Each customer is a colored dot by status; toggle Heat for density or Territories for convex-hull regions. Every table row has its own locate icon — click it to fly the map to that customer.

Fleet map

05 Registry Click any row for details

Every customer, one tap away.

Sortable, filterable table. Click a row to open the customer dossier — contact, coordinates, revenue trend, and a six-document library (contract, commissioning certificate, P&ID, two service reports, spare parts list). Select up to three rows to compare side-by-side.

— Select top 3 for compare

		Customer ↕	Region ↕	Industry ↕	Product ↕	Status ↕	ACV (€) ↕	Installed ↕

06 Product catalog 5 equipment families · hand-drawn P&IDs

Five products, each with a real P&ID.

Click any card to see the schematic — compressor trains, CIP skids, transcritical CO₂ racks, fermentation suites, parallel refrigeration. Each P&ID is a downloadable SVG file with ISA-style instruments, grid, legend and title block.