# ExperienceLovelace/ha-floorplan

Bring new life to Home Assistant. By mapping entities to a SVG-object, you're able to control devices, show states, calling services - and much more. Add custom styling on top, to visualize whatever you can think of. Your imagination just became the new limit.

Repository: https://github.com/ExperienceLovelace/ha-floorplan
Canonical: https://ross.abutalabs.com/products/experiencelovelace-ha-floorplan
Homepage: https://experiencelovelace.github.io/ha-floorplan/
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: homeassistant, lovelace-floorplan, floorplan, lovelace-card, panel
Last push: 2026-08-11T03:29:41+00:00

## Health v2 (maintenance only)
Score: 88/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 97, release rhythm 69, longevity 100
- inputs: {"age_days": 2659, "days_push": 22, "days_rel": 127, "gap_med": 45, "n_releases_24m": 10}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1600, forks 198 (observed 2026-08-28T04:05:09.559766+00:00)

## What it is
A Lovelace card plugin for Home Assistant that maps entities to SVG objects, letting users visualize device states, control devices, and call services from a custom floorplan or any interactive SVG graphic. It supports custom styling, triggers, and actions such as long-click interactions.

## Use cases
- visualize my home as an interactive floorplan in home assistant
- control lights and devices by clicking on a floorplan dashboard
- show sensor states on an SVG map in home assistant
- create a custom lovelace card with clickable SVG objects
- build a remote control or music box interface in home assistant
- style home assistant entities with custom CSS on a floorplan

## When to choose
- you want a visual, interactive floorplan or SVG-based dashboard inside Home Assistant
- you need fine-grained control over entity styling, triggers, and click actions in Lovelace
- you want to represent anything beyond floorplans, like remote controls or device panels, as interactive SVG

## When to avoid
- you don't use Home Assistant or Lovelace dashboards
- you need a ready-made dashboard without creating your own SVG artwork and configuration
- you prefer automatically generated layouts over hand-crafted visual designs

## Facets
- artifact type: plugin
- maturity: active
- function: ui-components, data-visualization, state-management
- domain: iot, frontend, web-development
- platform: browser, self-hosted
- tags: home-assistant, lovelace-card, floorplan, svg, hacs, dashboard, smart-home, automation, web-server

## Member repositories
- ExperienceLovelace/ha-floorplan (main) score 88

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:09.559766+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:53:02.555774+00:00, confidence not recorded.
  - readme: https://github.com/ExperienceLovelace/ha-floorplan (fetched 2026-08-28T04:05:09.559766+00:00, sha ffe2cdf7abc3)
  - homepage: https://experiencelovelace.github.io/ha-floorplan/ (fetched 2026-08-29T11:24:45.341056+00:00, sha d1edd49e65eb)
- Data as of 2026-08-30T08:39:29.467469+00:00.