• Home
  • Events
  • About
  • TilesFX 1.4.4

    June 13th, 2017

    Aloha,

    Just on time before my next visit to Singapore I was able to release a new version of TilesFX. Last weekend I finally found some time to add some more features to TilesFX which I had on my list for some time.

    First of all I’ve added a skin that simply shows a smoothed area chart called SmoothAreaChartTileSkin. As parameters you just have to add a list of ChartData objects.

    The skin looks as follows…

    This might sometime be useful for some dashboards if you would like to keep it simple ๐Ÿ™‚

    The next one that I’ve added is a RadarChartTileSkin which has two different Modes (Mode.POLYGON and Mode.SECTOR). Also the RadarChart takes a list of ChartData objects as parameter in Tile. The two different modes will look as follows…

    As you can see both variants can be useful. In the example above I’ve used the RadarChart to visualize the temperature on every hour of the day which gives a nice temperature overview for measurements.

    For the RadarChartTile I have implemented a limit of 128 ChartData elements which will be supported. The reason for this is that if you have more than 128 elements in a RadarChart you can’t identify any value on the chart any more.

    The third new skin I’ve added is a CountryTileSkin. In principle this tile simply shows the selected country as a SVGPath and a value with a unit.

    This might come in handy if you would like to compare the data of a few countries on a dashboard with a little eye candy.

    The CountryTileSkin looks like this…

    Nothing really special but like I said…sometimes it could be handy ๐Ÿ™‚

    Because if I only show a single country I need SVG paths with a higher resolution which is the reason why I’ve added the hires.properties file that contains the SVG paths for nearly all countries that you can also find in Java Locale.

    The problem with this high resolution SVG paths is that they are big…the properties file alone is 1.3 MB which is the reason why the library is now 1.3 MB big.

    For the WorldTileSkin I’ve only used lo resolution SVG paths where the file is only 125kb big but they don’t look nice when used as a single country.

    Well that’s it for today, as always you can find the source code and binaries here:

    Source Code: github

    Binaries : bintray

    If you would like to know how to use the different skins in TilesFX you might want to check out the code from github and take a look at the Demo.java Class that is part of the TilesFX library. If you run this Demo.java Class you will get this…

    In this demo I make use of nearly all skins that are available in TilesFX at the moment.

    If you have any idea for tiles you need for you dashboard, please let me know and don’t 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

    Another new TilesFX skin…

    June 7th, 2017

    Aloha,

    Last time when I was sitting in Singapore skimming the web for some interesting stuff I’ve stumbled upon a dashboard where a gauge was in front of a line graph. Unfortunately I did not save the image but it was stuck in my head and I thought it might sometime be useful to see not only the current value but also a little history of formerly measured values.

    Here is a little screenshot of what I came up with…

    As you can see the control shows a bar graph gauge which visualizes the current value. In the center of this gauge you will find a line graph that shows the history of the measured values. In this case I’ve made use of the strokeWithGradient() feature in combination with gradientStops() to color the line graph.

    The time in the lower right corner shows the time of the last update and the text in the lower center shows the time from the first measurement in the line graph to the last measurement.

    I think I should also add min- and maxValue to the gauge to get a better idea about the possible range but that’s not done yet.

    I can imagine that this kind of visualization might be interesting for some use cases but to be honest I’m not sure ๐Ÿ™‚

    The new skin can be found in the latest release of TilesFX (1.4.3) which you can find here

    Source: github

    Binary: bintray

    The name of the skin is: SkinType.GAUGE_SPARK_LINE

    The screenshot above was create using the following TileBuilder code:

    And that’s it for today, short but hopefully useful ๐Ÿ™‚

    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

    css.php