[Custom Card] Westworld Rehoboam card

Hey everyone, I wanted to share my latest project with you:

The HomeAssistant Lovelace Rehoboam card.


First of all, credit where credit is due:

I did not come up with this visualization or the idea to use it as a home assistant dashboard. All credit goes to the creators of Westworld and Emil Besirevic (user ‘ebes’ on Artstation) who inspired me with his Unity visualization of the same thing.

I set out to build this card for 2 reasons

  • I think it’s super cool, and unfortunately Emil did not share code/instructions on how to set up his version
  • Even if he did, I doubt my slow-as-hell Fire Tablets & Echo Shows would’ve been able to display it in any acceptable manner
  • AI agents exist so you can build whatever you can dream up

So here’s the result of that work

A few details about it:

  • Pure JS and WebGL, no external dependencies to install, should run on many browsers
  • Fully customizable via YAML and a dashboard configurator
  • Playground with config export available here
  • Designed with devices like the Echo Show in mind. These things aren’t super powerful, so that was the design target. Running it at ~30-40 FPS at render resolution 1.0 on my Echo Show 8 Gen 1 (MediaTek MT8163) with Kiosk Satellite consumes about ~25% of CPU while the screen is on. For any weaker devices, the card has resolution and render-resolution dials that can further improve performance at the cost of visual fidelity
  • Lots of details & aspects of the animation are exposed via config options, so you can tweak it to your liking
  • Multilingual (English, German, French, Italian, Spanish, Dutch available from the start). These translations are provided by Claude so mistakes are likely. Any text that actually shows up in the card can be overridden by the user, so even if the translations are crap, the card doesn’t have to be :smiley:
  • Interactive: Divergence callouts and the center of the card have tap and hold actions that can be customized

What to keep in mind:

  • I’m aware this is merely an approximation of the way the original looks. This was the goal from the start. Something that looks ~80% similar, while not killing low-powered devices.
  • This project is vibe-coded in its entirety. While I do software engineering, I don’t have much experience in JS and basically none in WebGL. I hope by sharing this, some people better than me will share their improvements and maybe help approximate the actual Rehoboam UI better without slowing down low-powered devices too much. Pull Requests and Feedback encouraged and welcome
  • I’m not sure whether I’ll have time to maintain this, so please keep in mind that if home assistant ever breaks something about the APIs this card uses, the card will probably break as well.

I hope this dashboard card will be useful to someone. I certainly love the look of it on my smart-displays :slight_smile:

Cheers

Florian