JSFiddle - React, Tailwind, and code Playground
by Thunder Hemlock
HTML
<div id="out">
</div>
JavaScript
var bikeSpecs = [{
"model": "RSV4 RF",
"make": "Aprilia",
"category": "Superbike",
"engine": "65° V4",
"capacity": "999.6 cc",
"valves": "4",
"cam": "DOHC",
"compression": "13.6:1",
"power": "201 HP at 13,000 rpm",
"torque": "84.8 TQ at 10.500 rpm",
"orientation": "Longitudinal Crankshaft",
"bore_stroke": "78 x 52.3 mm",
"cooling": "Liquid",
"lubrication": "wet sump, oil radiator, two oil pumps (lube & cooling)",
"exhaust": "4 into 2 into 1 layout, single oxygen sensor, lateral single silencer with engine control unit-controlled butterfly valve and integrated trivalent catalytic converter.",
"gearbox": "6-speed cassette",
"drive": "Primary drive Straight cut gears, Secondary chain: drive ratio: 41/16",
"clutch": "Multi-disc oil-bath, w/ mechanical slipper system",
"frame": "Twin-spar aluminum",
"steering": "Adjustable Öhlins steering damper - (Race Pack)",
"suspension": "Öhlins Racing monoshock with piggy-back, fully adjustable in: spring preload, wheelbase length, hydraulic in compression and rebound. (Race Pack)",
"suspension_front": "Öhlins Racing w/ TIN surface treatment. Adjustable spring preload, hydraulic compression, and rebound damping (Race Pack)",
"suspension_rear": "Aluminum alloy swingarm. Öhlins piggyback shock absorber with adjustable spring preload, compression, rebound damping and length. Wheel travel: 130 mm",
"brakes": "Brembo",
"brake_front": "Brembo M430 monobloc radial callipers with 4 ∅ 30 mm opposing pistons.",
"brake_rear": "Brembo calliper with two ∅ 32 mm separate pistons.",
"abs": "Bosch 9MP ABS, adjustable to 3 maps equipped with RLM (Rear wheel Lift-up Mitigation) (can be disabled)",
"wheels": "Aprilia forged aluminium alloy, completely machined, 5 split spokes.",
"wheel_front": "3.5”X17”",
"wheel_back": "6”X17”",
"tire_front": "120/70 ZR 19",
"tire_back": "200/55 ZR 19",
"saddle_height": "33 in. (840 mm)",
"weight": "396.832 lbs -...