DIY Data Field

Former Member
Former Member
Application is still pending to be approved, topic is created to be used as a communication hub during and after public beta test.

Do/Design It Yourself Data Field.

Disclaimer:
Application has hundreds of use-cases due to fully user-configurable setup, therefore it is prone to bugs. This project is not sponsored and I'm the only developer working on it in my own free time. Although I'd gladly accept reasonable criticism and improvement suggestions, I do not guarantee that bugs will be fixed and new features added in a timely manner/at all. If this approach is not acceptable for you, then, please, do not leave bad reviews just because I didn't resolve your specific case. Thanks for understanding.

Preface:
There's a lot of things custom activity recorders can do, which native Garmin apps cannot, but sometimes there's no need to invent a bicycle if there's one already itching for a ride. Some capabilities like local watch personal records, structured workouts information and advanced running dynamics will most certainly never be exposed to ConnectIQ API layer, therefore it's sometimes more efficient to use native software, but no one prevents us to use it with a twist. The main idea of this data-field type application is to give user a tool to design his own data field layout in WYSIWYG manner. The web application makes that possible providing cross-platform compatibility at the same time the only requirement being the HTML5 compatible browser. This app is not considered to be an ultimate DF which "replaces them all" as there's always something new and intriguing, which developer may envision, but I hope that this data field will help new and existing users to explore the Garmin ConnectIQ capabilities providing some unique features, which I didn't encounter in existing apps.

First things first: there's a web application, which allows to design data field layout and produces configuration string as a result. This configuration string can only be delivered to data field using standard settings means i.e. you will need either Garmin Express installed on compatible PC or Garmin Connect Mobile on your mobile device. Web app uses HTML5 local storage, changes are saved after each user action, therefore it's safe to leave your work half done and proceed from the same point sometime later. I do not own hardware to test with Apple devices, therefore any problems in that department can be explored and fixed only by sending me detailed explanations and, of course, the configuration string itself. Current version with the default layout setup was tested for several weeks in simulator and for several of my personal runs proving to be rather stable to go live, but of course there's no guarantee that this app will function without hitches on your specific device. Currently, I do not have a reliable hosting for my personal web apps, therefore data field designer will reside on Google Apps Engine servers using free account bandwidth/limitations (as there are almost no server-side computations, I think this will suffice for a while) at least if/until it'll become popular enough for the users to complain about page availability. Current implementation with the default layout setup works on the edge of stability and there was also a price to pay during watch code optimization, which lead to efficient but very unreadable code. This means that for older devices there may be no improvements, only bug fixes. But for modern devices like Forerunner735XT and on we still have additional 10kb of available memory, which can be used for new logic like new data values and/or additional app parameters (e.g. waypoints). Sometimes network latency and/or Google servers accessibility seems to impact resources load time and wrong font may be displayed first time the web app is started, to fix this simply press F5 (refresh page) in browser.

Current settings are 4 lines for definition itself (these should be copy/pasted without changes directly from web app), Target Pace for pacemaker values (should be entered as string in <min>:<sec> format, e.g. "5:40" as in min/km) and Milestones, which are just fixed distances comma separated list, they are expressed in kilometers and may contain fractional values using dot delimiter (e.g. 0.5,1,1.5, etc). It'necessary to enter values in kilometers, but they will be converted before display depending on watch settings.

Default setup is considered to be a "component showcase" and consists of basic building blocks:
- Data values, which are simply text representation of corresponding activity information bits like time or speed, for data values it's possible to change screen coordinates, font, color, number of samples to smooth the value over specified amount of seconds and add optional outline for data to become more readable or dynamically colored on less contrast backgrounds; if text font is selected, then it's also possible to append data value with custom text, e.g. create label with value for another data block;
- Data graphs, these are just rolling data value charts, which represent one selected data value over a set period of time, minimum and maximum graph values are adjusted automatically, number of samples is calculated automatically based on width of graph area and graph bar, all of the other options are similar to data values;
- Graphics elements, these are basic graphical primitives, which allow to customize the layout, add visibility to some values etc; parameters for these elements are mostly self explanatory except for two specific elements of type Arc. These may not only serve as a static view elements, but also can be used to represent a dynamic data value in a manner of a progress bar. For this to happen you need to tick the "Variable" option and select base Data value (currently there's only a limited selection, but this may be a subject to change) accompanied by min and max initial values, these range values are indeed initial as when the underlying data value falls outside of this range, then range is adjusted automatically. For example in bundled layout this feature is used to display the progress to the next kilometer: Elapsed distance is selected as a base value, initial range is specified as 0 to 100 (in this case 100 means 1000m, as the distance values are displayed as 00.00), which means that this arc will grow from start angle to the maximum width angle as the elapsed distance increases during activity acting as a progress bar to the next kilometer. When elapsed distance will become greater than 1000 meters, then ranges will be readjusted using the same range difference as before, in this case minimum value will become 1000m while maximum one will increase to 2000m. Here's a little demo of what you can make using variable value arc (this config is created for semi-round devices, copy/paste this configuration string into import window of web app).
AGUAJA[HIWaVFAJNATXDEAODZQVELEUA[HIWaVFAODU]`DEAOEOQVEVE_A[HIWaVFAABG`[DEAOFDQWE`FHA[HIWaVFAABHGRDEAOF[QWFIFRA[HIWaVFAJNA\ODEAOGQQVFSF\A[HIWaVFAOE]CPCWAODZTMELF\A[HIWaVFAAAAAACWAPDWTMELF\ASADILDAPOE]CPFEABAVDVENQAPQAAAFDJCFACB

Selected element options can be adjusted using the properties panel to the right of the designer canvas. In addition to pixel-by-pixel adjustments, designer canvas allows to drag currently selected element. To drag data value it's not necessary to start drag at any specific point, but for graphs and graphical elements the drag point will be determined based on mouse pointer coordinates: e.g. to resize graph area or rectangle click and drag somewhere around the lower right corner, to adjust the radius of circles and direction arrow start drag outside of the outer radius, to change coordinates - click somewhere near the circle center. For the arcs it's currently possible to change start angle and arc width by activating drag-and-drop near the corresponding arc vertex. Touch support for mobile devices is implemented.

There are still some limitations like direction arrow points only to north or some data values available only on high-end devices like power are not yet implemented etc, but as I already mentioned above, this app is subject to improve especially for the newer devices, where there's a lot of memory available even for the data field type of app. The web app is also meant to be improved especially in a direction to provide the nearest possible WYSIWYG snapshot of what you'll actually see on device, but there are also some limitations like, for example, font, which is used as numeric font in the latest Fenix5/FR935 models is not and won't be publicly available (confirmed by Garmin officials explicitly) and I used nearest lookalike, therefore there still may be some couple of pixel differences here and there between device and web app. For these kinds of problems I can only test and fix using the user-provided layouts in specific device simulator as I'm a simple FR230 owner for real testing and I'm afraid this won't change in the nearest year unless generous users will help me to upgrade.

Web app may eventually become mobile application based on the user feedback (but not for the Apple devices, Android only).
  • Today I have tested the Grade data after a device-sleep.
    what I have done:
    at the middle of an activity-recording:
    -press Stop - the save-screen appears
    -press On/Off to send the device to sleep - the screen goes black
    -wait a view minutes
    -press On/Off to wake up the device
    -press Start to continue the activity

    After that procedure the Grade-field worked as before - like a charme!
    (Edge 1030, actual firmware)
  • Message to Easuvorov:
    although I don't use data-graphs in my design, I play around a lot with that wounderful app.
    I noticed that there is a width-limitation for data-graphs at approx. 240 pixel.
    Graphs do not work properly on full-width screen on Edge 1030 (282 pixel)
  • Today I have tested the Grade data after a device-sleep.
    what I have done:
    at the middle of an activity-recording:
    -press Stop - the save-screen appears
    -press On/Off to send the device to sleep - the screen goes black
    -wait a view minutes
    -press On/Off to wake up the device
    -press Start to continue the activity

    After that procedure the Grade-field worked as before - like a charme!
    (Edge 1030, actual firmware)


    Very strange though glad it's working for you. 3 times in 3 rides this has happened on my e1000. The elevation data continues to update but the grade doesn't
  • Hi,

    Attached is a screenshot of the 1030 and web application.
    It's a great application, thanks.

    AR]A`A\AAB^ECDOE]CPAEABBatterie AYHCR[]C_AB[`GBRQKAABHDBAYHCR[]C_OEH]LAUQKAAAKBGAYHCR[]C_ODA^SAJQKAAAAAJASAAPCKA[OE]CPAEABATABVSTCDOE]CPAAAB%AWHKRHEADOE]CPEHACAAFPA\HKRHEE\ABG`[DaAOFPVPAACY_AWHKRHEADOE]CPDYACAAFPA\HKRHEG[JNATXDQAOAASYAACY_A[HKRHEFAAAAHYDQAOFPSYBHEIAWHKRHFADOE]CPDJACAAFPAUHKRDNABOE]CPEKACBBAUHCR_WABOE]CPBCACEKAUHQUOVABOE]CPISACEKASAIBIJAJAB[`GICABAWAIBHTCDAB[`GAKABKm/hASAAD^TAPABHGRFEABAVADILDCDABHGRAEABrpmASAQCPSBBODA^SFAABAWAMXRFCDODA^SAAABWatsAUHCOGSABOE]CPIUABFKAVDRXWRBBJNATXISCDACBAUHCOIXABOE]CPG^ABHPA\ANDZFCDOE]CPAMABPuissanceAYAEBY[CDOEH]LACABChronoAUAME[NCDOEH]LACABKmAUHKRKKABOE]CPEKABI^ASAEBZIACOEH]LFCABASAME[]AMOEH]LFCABAUHCOKEABOE]CPIUABI^community.garmin.com/.../1261580.png
  • Quatix 5 = Fenix 5 or 5S or 5X ?
    I've bought the quatix 5 for sailing during summer time & paramotor the other part of the year.

    I'm trying to find out some Garmin app in order to fit with paramotor:
    I don't really find out a dedicated app & so i was thinking using yours to design a specific one.
    So far 2 things are missing & i will be glad to know if it might be a way to find out a solution:
    1) Compas: indication of the heading directly on the watch
    This data fiels is interrestin( but not sufficiant for paramotor)
    https://apps.garmin.com/fr-FR/apps/952fe295-6cea-432f-b7d8-b6024d672e0e
    It show the North, the heading & the distance from take off

    2) Elevation rate: As it is a calculation field Height variation divide by time.

    On fenix 3, An App or datafield has been made dedicated to our activitie StuFly https://www.youtube.com/watch?v=_KM6FksCQNw

    It show clearly for me the list of field hich is needed. Is it possible to redoo this type of app with your datafield builder

    Thanks in advance for your feedback
    Rgds


  • Former Member
    Former Member over 7 years ago
    Hi Easuvorov,

    First of all, many thanks for your excellent job! This data field is absolutely what I wanted. I use only one screen that includes everything during ride thanks to you. I have few suggestions about custom calculation with variables (like app builder DF) and about graphics. And I am adding my design. It may help to understand my suggestions.

    Suggestions:
    -I have known, custom calculation with variables, coefficients, and constants (like app builder DF) is suggested before. I want to you know that I am one of looking forward to this. After that update, we can calculate what we wanted (like estimated power, training effort, some special numbers of our special training method, etc)
    And if it is possible, calculated data can be selected via graph combobox. (some previous calculated data must be kept on an array)

    Graphics
    - Zero values is not shown on graphs. (graph stops flowing.) For example, when I stop pedalling, cadance graph also stops, but heart rate graph continues. And there is a misalignment between heart rate graph and cadance graph at a horizontal line. And this is sometimes confusing to understand relationship between cadance and heart rate. So there can be an option like "Show zeros" in graph settings.

    - There can be Y scale values (maybe 3 intervals) on the Y axis on the graph. Because of autoscale of Y scale, sometimes it is confusing which range is shown. (I know current value, but when I glance over previous data along th graph, I can not guess max and min values of shown values on the graph.)

    - Related with previous one: There can be an option to "show Max and min values"in graph settings. Max and min values of data shown (for ex. last 240 pixels or seconds or graph size) can be marked on graph and value can be shown on marked point.

    - There can be an option of graph type like "filled"(as current) and only "line" in graph settings. With this feature we can be plotted one graph (for ex. power as line) on another graph (for ex. cadance as filled).

    - Zooming level of autoscale is a little bit far when graph is generally stationary. For example, when I ride constant-garaded-road for a while, minor changes on the cadance graph (like changing one gear, 7-8 rpm change on cadance) is not distinguishable. So if it is possible, there can be an option to adjust "zooming level" of chart in the graph settings.

    "Charts for all" datafield can help to understand what my some of suggestion is. It is also a very good data field. Link:
    https://apps.garmin.com/en-US/apps/5...a-53b347f9bb5b

    Again thanks for everything that you have already done.
    I am looking forward to your answers. :)
  • Many thanks for releasing v074!
    I love that app!
  • Just started to use you excellent application
    As i m doing paragliding
    Is it possible to get vertical speed in m per second ?
    Thanks in advance for your feedback

    My design

    AK`A^ASAGZ[LABOE]CPHKABASHDLEXAAQADCVBCBKASACYKAA[OE]CPAIABAQHNOBKCEQAF_PAPAUHEGM`ABODU]`GMADB\AUHJG`EABODU]`DUADFLAUHKAHGABODU]`EBADDTA[AJU]aCDODBEJACABAltitudeASAHRKNASODBEJGEADAUHDDXTABODU]`GNADDUAZAIZX]CDODA^SACABVitesseASAHCKXAJODA^SGEABAUHEEURABODU]`GNADFQAVDYUH^AZODU]`AaBYAMDASAG`UMAZOE]CPFMABA^AEM]QCDOE]CPACABTemps TotalASAHPOMACOE]CPEAAFA^ADP\GCDOE]CPACABDist. totalASAGSNFAMOE]CPGAABAVDS_F\AVQACQDAaBYALDBAAGDM[CDOE]CPACABETA dist + timeAXAKSAMCDOE]CPADABTemp.ASAGSO`BUOE]CPDAAFAWHJVaTACQAAPVDJAMJ\CFAQHQFMQAHQAAPVA_ASAM^D^CBOE]CPFKABAWHI

  • Open Garmin Express with your watch connected to your PC
    Click on the watch
    Click on Manage Apps
    Select Data Fields inthe drop down list
    Locate DIY Data Field and click on the 3 dots to open settings
    You should see 4 definition fields, copy and paste each of these, one at a time, into the Import screen in the web designer page.



    Hei

    I followed the steps but when I click on the 3 dots to open settings I only see settings, no definition fields...
    Am I doing something wrong?