Warning: file_get_contents(https://www.tukutoi.com/wp-content/plugins//D3-Globe-Rendering-for-WordPress/country-svg-maps/.svg): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/customer/www/tukutoi.com/public_html/wp-content/plugins/D3-Globe-Rendering-for-WordPress/functions.php on line 81
2020-05-15 14:16:19

Related Docs

You have seen all Documentation regarding WordPress D3Globe.
Search the complete TukuToi Software Documentation!

Do You Need Help or Expertise?

Is editing Source Code not Your Thing? Are you in a tight Time Schedule and need to deliver a fully scalable and safe solution fast to your Clients?

Maybe you want to incorporate the Software found on TukuToi unbranded and royalty free in your Clients Projects after customizing it as per your Projects requirements?

Or eventually you need some training on any WordPress Plugin, Theme or their creation and maintenance?


ShortCode to display single interactive SVG Map using D3.js

The is one of two ShortCodes of the WordPress D3 Globe Plugin

The ShortCode helps to display a single country with active and inactive regions as defined in the ShortCode attributes. The regions colour and behaviour on hover/click can be customized using ShortCode attributes too.


  • countrymixed [Country Code] (see cheatsheet)
  • active_areasmixed [Area Code]
  • active_areas_cssValid CSS (syntax fill:red;)
  • active_areas_hover_cssValid CSS (syntax fill:red;)
  • active_areas_linkboolean [wether to create area link or not]
  • country_cssValid CSS (syntax fill:red;)


[SVG-Single-Country country="116" active_areas="KH-7,KH-18,KH-13,KH-25" country_css="fill:rgba(80, 47, 19, 0.8);" active_areas_css="fill:rgba(30, 130, 76, 0.8);" active_areas_hover_css="fill:green" active_areas_link="false" borders_color="black"]