ADF Thematic Map in ADF 12c (12.1.3)

ADF Thematic Map component from DVT library was updated in ADF 12c with marker zoom option and area layer styling (ADF 12c (12.1.3) new features). I have decided to check how it works and implemented quick sample application - ThematicMapApp.zip.

I was using world GDP data (SQL script is available together with sample application) and displayed it using ADF Thematic Map. World country borders are hidden on purpose, borders are visible by default:

While zooming, marker points are growing - very useful feature:

Data for thematic map is fetched using SQL based VO. I'm calculating total GDP and taking percentage from total for the country, this allows to scale marker points better:

ADF Thematic Map is configured to support zooming for markers:

Countries area layer is set to be hidden, although data is still gets attached to the countries:

Marker is configured with dynamic scaling, this is how each country gets appropriate marker size, based on its GDP value:

Marker colour property is set to be dynamically calculated in marker Attribute Groups section:

ADF 12c (12.1.3) Line Chart Overview Feature

ADF 12c (12.1.3) is shipped with completely rewritten DVT components, there are no graphs anymore - they are called charts now. But there are much more, besides only a name change. Previous DVT components are still running fine, but JDeveloper wizards are not supporting them anymore. You should check ADF 12c (12.1.3) developer guide for more details, in this post I will focus on line chart overview feature. You should keep in mind, new DVT chart components do not work well with Google Chrome v.35 browser (supposed to be fixed in Google Chrome v.36) - check JDeveloper 12c (12.1.3) release notes.

Sample application - ADF12DvtApp.zip, is based on Employees data and displays line chart for the employee salary, based on his job. Two additional lines are displayed for maximum and minimum job salaries:

Line chart is configured with zooming and overview support. User can change overview window and zoom into specific area:

This helps a lot to analyse charts with large number of data points on X axis. User can zoom into peaks and analyse data range:

One important hint about new DVT charts - components should stretch automatically. Keep in mind -parent component (surrounding DVT chart) should be stretchable. As you can see, I have set type = 'stretch' for panel box, surrounding line chart:

Previous DVT graphs had special binding elements in Page Definition, new DVT charts are using regular table bindings - nothing extra:

Line chart in the sample application is configured with zooming and scrolling (there are different modes available - live, on demand with delay):

Overview feature is quite simple to enable - it is enough to add DVT overview tag to the line chart, and it works: