Comments (15)
Unfortunately not het, thanks for asking and reminding me ;-)
from compass-card.
A kind of similar thing you ask for is possible, see the bottom right compass-card:
The top right compass card shows the raw wind and heading angles.
Only thing that is not possible like this is to show the N as north indicator, that's why I configured it as outward arrow.
To get this you need 2 template sensors, which calculate the north and wind direction angle in relation to your heading.
sensor:
- platform: template
calculated_north:
friendly_name: "Calculated North"
unit_of_measurement: "°"
icon_template: "mdi:compass-outline"
value_template: "{{ 360 - (states('input_number.heading') | float) }}"
calculated_wind_direction:
friendly_name: "Calculated Wind Direction"
unit_of_measurement: "°"
icon_template: "mdi:compass-outline"
value_template: "{{ (states('input_number.wind_direction') | float) - (states('input_number.heading') | float) }}"
Use these sensors to populate the compass-card as such:
type: 'custom:compass-card'
indicator_sensors:
- sensor: sensor.calculated_north
state_abbreviation:
show: false
- sensor: sensor.calculated_wind_direction
indicator:
type: inward
- sensor: input_number.heading
state_abbreviation:
show: true
state_value:
show: true
state_units:
show: true
indicator:
show: false
Hope this will do until I get the N indicator also dynamic.
from compass-card.
Hi! Can I take a little of your time? To not make new thread. Can you make offset option more friendly with direction? Now it's looks like picture (my windows facing to south)
Good point! Looks like a lazy implementation from my side ;-)
from compass-card.
I'm halfway there, but time is slipping through my fingers lately.
from compass-card.
Hello! Sorry for may be stupid question, but how to include second stnsor into the compass? I want wind direction (arrow inward) and sun (when above horizon), with values of wind speed and azimuth, and house outline behind. So far I managed only wind and wind speed.
Thank you in advance and for the awesome instrument!
from compass-card.
What an excellent idea! Thanks for taking the time to help make this card even better.
You're right, the N indicator can not be made dynamic with a sensor. I'll add this, and add E, S and W indicators as well.
Multiple arrows are already possible. I'll whip up an example and post it here.
from compass-card.
TOM! Thanks for considering the feature,
I am not in a hurry, so I'll wait until v1.2
Thanks a lot!
from compass-card.
In v1.2.0 the background and e/s/w indicators are added. The dynamic N (and the other new ones ofc) will have to wait till v1.3.0
from compass-card.
Don't worry tom!
I'll try it, but looking forward for 1.3.0,
I am a fan of your work!
Thanks
from compass-card.
Hi!
Can I take a little of your time? To not make new thread. Can you make offset option more friendly with direction?
Now it's looks like picture (my windows facing to south)
from compass-card.
Is your feature request related to a problem? Please describe. Used as a compass for a car, boat, or any moving vehicle.
Describe the solution you'd like I would like to have a arrow pointing up, instead of the north, a north rotating, and if possible a second arrow pointing to the wind
Describe alternatives you've considered I have tried to mess with the offset option, but couldn't make it work. Offset only allows values, not sensors, and I am neither sure if this would fix it.
Additional context I have a wind direction sensor, a boat course, and a boat speed sensor, three sensors. I would like to have it behave (Not look) like the two following:
![]()
![]()
Or if possible like this (arrow up, wind arrow, north rotating):
![]()
ah yes, maybe it's easy-to-use flexible horseshoe card integration to make last compas?
from compass-card.
@tomvanswam, firstly thanks for great work.
Just so I don't go down a rabbit hole someone's been to already, does using a template for a calculated offset to dynamically smoothly rotate the entire circle currently work?
from compass-card.
Heya! Wonder if you ever got to dynamic rotation (for boat heading)
Thanks for your efforts - love your work!
from compass-card.
i also look forward to have that nice feature :-)
from compass-card.
Hello! Sorry for may be stupid question, but how to include second stnsor into the compass? I want wind direction (arrow inward) and sun (when above horizon), with values of wind speed and azimuth, and house outline behind. So far I managed only wind and wind speed. Thank you in advance and for the awesome instrument!
With a config something like this
type: 'custom:compass-card'
indicator_sensors:
- sensor: sensor.wind_direction
indicator:
type: inward
- sensor: sensor.sun_angle
indicator:
type: circle
value_sensors:
- sensor: sensor.wind_speed
- sensor: sensor.wind_sazimuth
compass:
circle:
background_image: /local/compass-card/house.png
background_opacity: 0.5
See example in the readme
from compass-card.
Related Issues (20)
- Are these possible? HOT 1
- Indicator object icon selectable HOT 4
- Templating HOT 1
- Compass abbreviation not hiding and not colored HOT 4
- Second compass ring HOT 5
- Windspeed 0 shows invalid HOT 9
- Two enhancement suggestions
- tap_action HOT 2
- Ability to add labels to indicators HOT 2
- The displayed wind direction does not match the sensor. HOT 2
- Addendum to #864 HOT 6
- Set image ( entity_picture_template ) as indicator type HOT 1
- tap_action navigate HOT 2
- Fontsize Option for a 2nd Value Sensor... HOT 2
- FR: Wind Direction Arrow in center of the card HOT 1
- Image size HOT 2
- This is what I want HOT 1
- Number of decimals shown HOT 4
- Wrong direction ? HOT 3
- Dynamically change background image
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from compass-card.