How to Add a D3 Tree Chart custom widget in Bold BI?

Adding a D3 Tree Chart to your Bold BI dashboard can enhance the visual appeal and interactivity of your data presentation. Follow these steps to integrate a carousel image card into your dashboard:

1. Download the D3 Tree Chart Widget: Begin by downloading the D3 Tree Chart. This widget is specifically designed to display images in a carousel format within Bold BI.

2. Upload the File to Bold BI: After downloading the widget, you need to publish it to the Bold BI application. This will make the widget available for use in your dashboards. You can find a detailed guide on how to publish custom widgets here.

3. Locate the Widget: After uploading, you can find the D3 Tree Chart widget in the ‘Miscellaneous’ section of Bold BI.

4. Add the Widget to the Dashboard: Drag and drop the D3 Tree Chart widget from the ‘Miscellaneous’ section onto the design panel of your dashboard.

5. Configure the Widget: To properly display your images, you need to configure the widget. any one of the Columns needs to be configured:

By following these steps, you can successfully add and configure a D3 Tree Chart widget on your Bold BI dashboard, making your data visualization more dynamic and engaging.

Please note that to activate all nodes in the tree chart, it is necessary to enable the “Expand All” feature within the widget properties section. Alternatively, you can expand or collapse the leaf nodes by clicking on their respective nodes. Additionally, it is possible to modify the text of the root node. For further guidance, please refer to the provided image.

Additional References

For more detailed instructions and best practices on using widgets in Bold BI, please refer to the following resources:

• Bold BI Widgets Documentation
• Bold BI Dashboard Design Guide
• Bold BI User Guide

These resources will provide you with comprehensive information on customizing and enhancing your dashboards with various widgets and features available in Bold BI.