Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! It's time to submit your entry. Live now!
I am trying to create a Power BI version of this (bumbeishvili/org-chart: Highly customizable d3 org chart. Integrations available for Angular, React,...) after many false starts and errors I am almost there I just can't bind the data in a way that the visual will accept. I can pass in data as a hardcoded object which will generate the visual.
I have followed this (Using the `table` DataViewMapping in Power BI Custom Visuals | coacervo) and can access the data view in visual.ts with "options.dataViews[0].table.rows"
as an array of arrays but I am not sure how I can manipulate it so that it is extracted in this format for the visual:
var data = [{id:'1',parentId:''},
{id:'2',parentId:'1'}]
The array just has the columns named as 0 and 1 but I want to name the array items as id and parentId and then pass this as an object but I am not sure how to manipulate the array.
The Power BI Data Visualization World Championships is back! It's time to submit your entry.
Check out the January 2026 Power BI update to learn about new features.