[Interactive HTML Visual in Power BI] — Highlighted at the DataViz World Championships
Hi everyone, I’d like to share one of the visuals that received great feedback from the Power BI community during the Power BI DataViz World Championships: an interactive HTML card that dynamically adapts to the selected parameter — changing colors, data, text, tooltips, and visual style, all within Power BI. This kind of solution is part of my regular workflow, especially when the goal is to enhance storytelling, accessibility, and user experience. It’s a way to make data consumption more intuitive and engaging, without compromising clarity or performance. The card was featured in a thematic report exploring coffee, chocolate, and wellbeing across Europe, and it stood out for its flexibility and visual impact. I’m considering starting a series of posts to share more examples, techniques, and practical tips for those interested in pushing the boundaries of HTML, CSS, and advanced interactivity in Power BI. If this type of content interests you, feel free to comment or reach out! I’d love to exchange ideas and learn from others in the community. Feel free to connect on Linkedin http://linkedin.com/in/paulogrijo
Power BI custom visuals using Charticulator - issues with slicer and legend
Hello Experts, For my organization, I created a custom visual using Microsoft Charticulator app where I need to show Product Release and its milestones on timeline view. I know it could be presented in other ways using default visuals but we require exactly same look and feel for our usage. So, I created this custom visual. I completed most of it but I am stuck with couple of things mentioned below - Charticulator doesn't work well with page slicers. I have data for 2 years - 2022 and 2023. If I select All options from dropdown it shows correct data but if I select only one year 2022 then it doesn't show correct milestones milestones during that period. I have two kind of release milestones - MR (represented using circles) and FP (represented using triangle shape). I would like to create a legend in charticulator to show what these different shapes mean. I tried but it is not workin. I would like to have a one more data axis at bottom or top to show year, so that user can see what was there in 2022 and what is forecasted for 2023. I tried creating additional data axis but it cannot be co-related with rest of the data - Year/Month view. I was not aware of this custom visual community so earlier I posted same question on PBIUG, link mentioned below - Power Bi custom visual using Charticulator | Power BI Exchange (pbiusergroup.com) . I could not find the way to attach files here, you can find the attachments on the PBIUG thread mentioned above. Please also let me know in case this is not the right community and pls redirect to correct community. Request quick help to create this custom visuals. Also, if it cannot be done using charticulator which other low code app could help to achieve this. Can we export code from charticulator and use this in Deneb and just modify the code there.D3.JSON can´t do it work!
Hi! I am trying to bring data from API using d3.json, it works fine but I do not know how to take this info to place it in an element. This is the code to bring data from API (works fine) Var datos = d3.json("https://pokeapi.co/api/v2/pokemon/ditto") .then( data=> console.log(data)); But I cant not get access to the info from an element this.rect .data(datos) // it gives an error receiving "datos" .attr("x", "100") .attr("y", "100") .attr("width", 30) .attr("height", "300") .attr("fill", "red"); What am I missing? Is it possible to get it work? I watched how to do it outside Power BI Thanks in advance for your help!
