• Home
  • Events
  • About
  • TilesFX

    December 21st, 2016

    Aloha everyone,

    This will be my last post for 2016 and I have something for you which you might like. Always when I needed a dashboard I had to create it by myself completely from scratch.

    So I’ve decided to create a little library that contains at least some tiles that might be useful for dashboards.

    And because I love to tinker around with some hardware I’ve also added some tiles for interaction (like sliders and switches).

    To make it short…here is a screenshot of the current state…

    On the screenshot above you can see all tiles that are currently available and some of them are also available in Medusa (but there you will find only gauge related tiles).

    The default size of the tiles at the moment is 250x250px and I did not spend much time in resizing etc.

    Here is a short list of tiles that are part of the library at the moment:

    • ClockTile (a simple digital clock)
    • GaugeTile (a gauge like in Medusa)
    • HighLowTile (a tile that might be useful to show current value compared to reference value)
    • LineChartTile (a simple JavaFX line chart on a tile)
    • PercentageTile (a tile that shows the current value in percentage)
    • PlusMinusTile (a tile that has 2 buttons to increase/decrease a value)
    • SliderTile (a tile with a slider to set a value)
    • SparkLineTile (a tile containing a spark line graph like in Medusa)
    • SwitchTile (a tile that has a switch to toggle a value)
    • TextTile (a tile that contains a custom text)
    • TimerControlTile (a tile with a clock and time sections to control a value)
    • WorldMapTile (a tile with a world map like the one from worldfx)
    • WeatherTile (a tile that shows weather info using DarkSky)
    • NumberTile (a tile that simply shows a number, unit and some text)
    • TimeTile (a tile that shows a LocalTime which can be used for Durations etc.)
    • BarChartTile (a simple tile showing up to 4 bars in a sorted order)

    To make use of the WeatherTile you will need a DarkSky API key which you can get at

    DarkSky.net. The nice thing about using DarkSky is that they allow you to call the weather update 1000x a day for free. This should be more than enough for your private project.

    For those of you that would like to see it in action here is a little video…

    As always you can find the binary on bintray and the code on github under the following links

    The library will also be made available on maven central and you should be able to find it when you search for tilesfx. At the moment there is not much documentation except the Demo file which is part of the source code, please take a look at it to understand the usage. Another thing that would be nice to have would be a better TileLayout for dashboards, in my Demo I use a FlowLayout which allows me to use tiles of a different size.


    Please keep in mind that all of my code is open source which does not automatically mean it’s ready for production!

    If you have the need for a specific tile…please let me know and I might add it to the library.

    Well and that’s it for 2016, I wish all of you a merry christmas and a happy new year…and do not forget…keep coding… 😉


    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • email
    • Print
    • Twitter
    • LinkedIn
    • XING
    • Facebook
    • Google Bookmarks

    Friday Fun XLII

    December 15th, 2016


    Last week I’ve found a nice little progress indicator on the web that I really like and so I made the decision to create it in JavaFX.

    To be honest I did not really create a progress indicator but only the animation that you can use for whatever you like.

    There is really nothing special about this control so here is a little video that shows it in action…

    And if you are interested in the source you will find it as always on github

    A really short post this week 🙂

    Keep coding and enjoy x-mas 🙂


    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • email
    • Print
    • Twitter
    • LinkedIn
    • XING
    • Facebook
    • Google Bookmarks

    Medusa Sparkline Skin

    December 5th, 2016


    While working on the gauges for our customer I figured out that with the given feature set in Medusa it would also be possible to create a skin that is similar to so called Sparklines.

    The idea is to store a given number of values in an internal list and just show them in a little line graph, e.g. the last 10 measured values.

    In addition the moving average of the visualized data will be shown and the standard deviation of the data.

    It just tooks me a couple of hours last Monday night to get it done and I hope it will be somehow useful.

    Here is a little screenshot of the new skin…

    It has the following features

    • Title
    • Current Value
    • Unit
    • min value (of shown data)
    • max value (of shown data)
    • moving average (of shown data)
    • standard deviation (of shown data)

    The term “shown data” means that for example the minimum value is not the absolut ever measured minimum but only the minimum of the visible data in the line graph.

    If you need the absolut measured minimum you can ask the gauge for the getMinMeasuredValue() and/or getMaxMeasuredValue().

    The number of datapoints that will show up in the line graph can be configured by calling the setAveragingPeriod(Integer) method (the default is 10).

    The color of the line can be set by using setBarColor(Color).

    This skin is part of the current Medusa release which is already 6.5 and you can find it here

    That’s it for today…so keep coding 🙂

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • email
    • Print
    • Twitter
    • LinkedIn
    • XING
    • Facebook
    • Google Bookmarks