Copy realistic-bubble-level-card.js to \homeassistant\www\

Settings -> Dashboards -> Menu (Three elipses) -> Resources -> ADD RESOURCE

URL: /local/realistic-bubble-level-card.js Resource type: JavaScript Module

To use, add a manual card:

type: custom:realistic-bubble-level-card
x_entity: sensor.myxdata
y_entity: sensor.myydata
multiplier: 5
title: Position
icon: mdi:axis-z-rotate-clockwise

For the bar level:

type: custom:styled-bar-bubble-level-card
x_entity: sensor.knebworth_apiary_hive_1_position_x
horizontal: true