..the apex plugin directory

an initiative of

Add your APEX Plugin info

Describe your Plugin’s features. You can upload the Plugin’s code and documentation, or, alternatively, submit the URLs to your Website, GitHup Repository or Blog.

You are here:
Follow us on Twitter
Region Plugin D3 Bubble Chart Plugin

D3 Bubble Chart Plugin

Categories: Region Plugin
Author: Carsten Czarski


Beginning with APEX 5.0, D3 Sunburst, Treemap and Bubble chart plugins with deeper APEX integration are available in the packaged application "Sample Charts".So, in APEX 5.0, the corresponding plugins from apex-plugin are obsolete.

This plugin provides a Bubble Chart based on the D3js framework. Bubble charts allow to visualize two values by bubble sizes and colors and provide a good overview on data distribution. This plugin is based on the bubble chart example by the D3js author Mike Bostock.

Plugin features:

  • Generate a Bubble Chart based on the SQL query in the Region source
    • Plugin honors the Page Items to Submit attribute
    • Plugin honors the Escape Special Characters attribute (this applies to the "Infobox" which is displayed on Mouseover)

  • The Plugin is AJAX aware
    • Honors the apexrefresh event - you can refresh the chart with a Dynamic Action
    • The Plugin provides an Auto Refresh mode
    • Plugin posts events to the APEX Dynamic Action Framework. So you can create dynamic Actions (e.g. to refresh other APEX components) based on the following plugin events.
      • Bubble Mouseover
      • Bubble Mouseout
      • Bubble Mouse Click
      • Bubble Chart initialized

  • CSS and responsive Features
    • The plugin is responsive and changes its size according to the device's display size
    • All components (Bubbles, Infoboxes, highlighted bubbles) can be augmented with own CSS classes


Date added: 9.12.2014
Views: 6436
Votes: 4
Reviews: 3
Min. APEX Version:
Share on Facebook
Digg! Share on Digg
Save This Page
download apex plugin
If something is not correct please report it here: Report Listing
Do you have a question about this Plugin? Want to write a Review or Comment?
Login first.
Reviews / Questions / Comments are e-mailed to the author of the Plug-in.
by Carsten Czarski
on July 17, 2015

Thank you for reporting this ...

one workaround for this would be to make sure that the VALUE column only contains integer values.
The size of the bubbles is being calculated in relation to the other values. So ... as long as the relations stay intact, you can multiply the values by say 10000 or so ...


Bug: Tiny BubbleChart when AppLang Dutch
by Erik van der Veen
on July 17, 2015

Nice plugin, looks great. One little issue though. I am not sure this is the right place to report a bug. If not, please let me know.

When the application primary language is Dutch (or probably any language that uses a comma in stead of period for decimals) the bubbles are rendered tiny and unreadable. Re-sizing the window of the browser is a workaround. In the source I see:

"NaN" is changed to a correct number when re-sizing the browser window.

The environment is Apex 5.0.1 and the plugin is copied from the Sample Charts application.

You can reproduce the problem by installing Sample Charts and changing the "Application Properties Globalization Application Primary Language" to Dutch (Netherlands) (nl).

May 13, 2015
The Entry has been updated in the meantime!
by Ligon Gopinathan
on December 11, 2014
Amazing really, well done.

I was recently looking at D3 to represent heterogeneous entity relations (some thing like http://www.stowers.org/stowersreport/maps) but give up, obviously not as smart of patient as you :)-

Powered by Sigsiu.NET RSS Feeds

Disclaimer: The APEX Plugins on this site are not supported by Oracle Support Services.

If you have a question about a Plugin or need support: Login and select the plugin detail page. At the bottom you can enter your Question / Review / Remark.
Your message will be sent to the author of the plugin.