Flightradar24 Flight Card
A custom Home Assistant card for displaying FlightRadar24 flight information.
This card requires the Flightradar24 integration to be installed and configured in Home Assistant.
Very nice enhancement! Thank you.
1 Like
New version v1.4.0 available
Now supports more control on layout, letting you to control which parts you want to show/hide.
1 Like
New version v1.5.0 available
With template airline logos, there’s the possibility to construct your own Airline Logo URL.
There are two examples on the README that explains on how to Serve Airline Logos on devices without internet access , and another example to switch to Tail Airline Logos .
While the flightradar24 integration records multiple aircraft within my area of interest this card records no aircraft. I have installed and reinstalled following the instructions and consequently running out of ideas on what the issue is. Can someone please assist. Thanks.
First, and most important make sure the Flightradar24 custom integration is returning correct values. If it’s not, it’s integration fault and not the card. The card only reads data from entities created by the integration.
Please follow instructions on the integration page, or post in their forum topic.
If the integration is returning correct values, but you can’t make the card to work, I suggest you post more information, such as the entity data and the card configuration yaml
Thanks for your followup. I have been using Flightradar24 for a couple of years and never had a problem with entities coming though the integration. The code below is your card and returns no results. The following code is what I have been using and this returns a result. You will see from the screenshot that there are multiple aircraft within my area of interest.
type: custom:flightradar-flight-card
entities:
- entity_id: sensor.flightradar24_current_in_area
title: Flights Nearby
- entity_id: sensor.flightradar24_entered_area
- entity_id: sensor.flightradar24_exited_area
- entity_id: sensor.flightradar24_additional_tracked
units:
altitude: m
distance: km
ground_speed: kmh
show_flightradar_link: false
show_airline_info_column: false
show_airline_logo: true
show_aircraft_photo: true
show_progress_bar: falsetype: vertical-stack
title: " "
cards:
- type: entities
entities:
- entity: sensor.flightradar24_current_in_area
name: In area
- type: conditional
conditions:
- condition: numeric_state
entity: sensor.flightradar24_current_in_area
above: 0
card:
type: markdown
content: >-
{% set data = state_attr('sensor.flightradar24_current_in_area',
'flights') %} {% for flight in data %}
<ha-icon icon="mdi:airplane"></ha-icon>{{ flight.flight_number }}({{ flight.aircraft_registration }}) - {{ flight.airline_short }} - {{ flight.aircraft_model }}
{{ flight.airport_origin_city }}{%if flight.airport_origin_city %}<img src="https://flagsapi.com/{{ flight.airport_origin_country_code }}/shiny/16.png" title='{{ flight.airport_origin_country_name }}'/>{% endif %} -> {{ flight.airport_destination_city }}{%
if flight.airport_destination_country_code %}<img src="https://flagsapi.com/{{ flight.airport_destination_country_code }}/shiny/16.png" title='{{ flight.airport_destination_country_name }}'/>{% endif %}
{%if flight.time_scheduled_departure %}Departure - {{ flight.time_scheduled_departure | timestamp_custom('%H:%M') }}; {% endif %}{%if flight.time_scheduled_arrival%}Arrival - {{ flight.time_scheduled_arrival | timestamp_custom('%H:%M') }}{% endif %}
Altitude - {{ flight.altitude }} ft{%if flight.altitude > 0 %} ({{(flight.altitude * 0.3048)| round(0)}} m){% endif%}; Gr. speed - {{ flight.ground_speed }} kts{%if flight.ground_speed > 0 %} ({{(flight.ground_speed * 1.852)| round(0)}} km/h){% endif%}
{% endfor %}
can you please post here some sample data from your entity so I can check what might be wrong?
also, tell me what’s the version of the flightradar24 integration, is the latest one?
Faster solution is for you to update the integration to latest version.
Either way, I’ll adapt the code to add support to previous version (v1.27.0 in this case) but could take a bit of time because I’m currently working on other features.
I am sorry to have wasted your time as I should have done the integration update at outset. All working fine now. Thank you for this great addition.
1 Like
New version v1.6.0 available
This is a bigger version, now it’s possible to cycle through other flights by using a carousel. There are a few options to control the carousel behavior.
1 Like
FYI: Latest version v1.6.1 should solve your initial issue 
Notice the airplane icon
