KB259624: Blank screen is displayed when viewing a custom D3 visualization in Mobile for iOS

SYMPTOM:
The MobileBase plugin was deployed on the Mobile server, as explained in KB259568.
When viewing a dashboard containing a custom D3 visualization in the 10.1 Mobile application for iOS a blank screen is displayed:

The same dashboard displays the visualization correctly when viewed in Strategy Web 10.x.
 
CAUSE:
The following are factors that may prevent a visualization from rendering:

1. The visualization uses externally hosted resources that are still loading - there may be a delay while the device retrieves these before displaying the visualization. 
2. The plugin for the D3 visualization has not been deployed on the Mobile server.
3. The mobile server is version 10.1, deployed in an ASP.NET environment.
4. The mobile server is configured to be available via HTTPs.

 
ACTION:
The following are the action items for the respective causes listed above:

1. If the visualization loads after a delay, the custom visualization may be configured to use externally hosted resources. Include these resources in a plugin and use visualization builder to edit the affected visualization, so that it refers to the locally hosted resource. Storing externally hosted resources with the visualization plugin and instead using these should reduce load times. Refer to KB260918 for guidance.
2. Retrieve the affected D3 visualization from the plugins folder in the Strategy Web deployment and copy it to the Strategy Mobile plugins folder. The mobile server needs to be restarted for the changes to register.
    
3. There is a known issue that may prevent D3 visualizations from displaying in Strategy Mobile 10.1 when the Strategy Mobile server is deployed in an ASP.NET environment. This issue has been addressed in Strategy Mobile 10.1 Hotfix 1 for iOS. Note that this is a client side fix. If the issue persists, attempt downloading the latest version of the MobileBase plugin, as advised in KB259568.
    
4. If the visualization is configured to use external libraries via HTTP while the mobile server is running via HTTPS, the external libraries may not load correctly, preventing the visualization from rendering. Edit the visualization in the visualization builder, and change the prefix for any external libraries from "http://" to "//". E.g. "http://d3js.org/d3.v3.min.js" would be changed to "//d3js.org/d3.v3.min.js".

 
ADDITIONAL INFORMATION:
The Strategy SDK allows you to customize the standard Strategy Mobile interface, and extend and integrate the Strategy business intelligence functionality into other applications. However, before changing the way Strategy Mobile products look or behave, it is helpful to understand how the application is built. For more information regarding the Strategy Mobile architecture or the process of customizing Strategy Mobile, please refer to Strategy Developer Zone (https://community.strategy.com/topic/0TO44000000FliLGAS/sdk).
 
To access the Strategy Developer Zone, you must have access to the Strategy Knowledge Base, you must have purchased the Strategy SDK, and you must be current on your Strategy maintenance agreement. If you are a US-based business and believe that you satisfy all three of these conditions but you do not have access to the Strategy Developer Zone, please contact Strategy Technical Support at support@microstrategy.com or at (703) 848-8700. If you are an international business, please contact Strategy Technical Support at the appropriate email address or phone number found at https://www.microstrategy.com/en/support/contact-support.
 
CUSTOMIZATION WARNING:
This customization is provided as a convenience to Strategy users and is only directly applicable to the version stated. While this code may apply to other releases directly, Strategy Technical Support makes no guarantees that the code provided will apply to any future or previous builds. In the event of a code change in future builds, Strategy Technical Support makes no guarantee that an updated version of this particular customization will be provided. In the event of a code change in future builds, Strategy may not be able to provide additional code on this matter even though this customization is provided at this time for this specific build. For enhancements to this customization or to incorporate similar functionality into other versions, contact your Account Executive to inquire about Strategy Consulting assistance.