2d:null 2e:["$","title",null,{"children":"D3 and Power BI | Mike | Observable"}] 33:T613,md` ## D3.js Visual for Power BI One of the (free) visualizations on the app store is the [D3 viz](https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381354) by Jan Pieter Posthuma [ ](https://twitter.com/jppp). The viz lets you add D3 JavaScript and CSS directly in the viz tied to the Power BI interface. There are no developer tools required, and the [learning curve](https://azurebi-docs.jppp.org/powerbi-visuals/d3js.html?tabs=docs%2Cdocs-open) is way lower than creating a custom visual from scratch.

Sample images of D3.js Visual. Photo from: [appsource.microsoft.com](https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381354)

`34:[{"id":"b47a1da64267552305f50fedeb7312d425cd3cb35484134a1555b06245cf7bd6f1d371b9958de5362efc1b0f7ffb502bc6388eecb49ffe03235af1d267fce82c","href":"https://static.observableusercontent.com/files/b47a1da64267552305f50fedeb7312d425cd3cb35484134a1555b06245cf7bd6f1d371b9958de5362efc1b0f7ffb502bc6388eecb49ffe03235af1d267fce82c","name":"powerbi.jpg","type":"image/jpeg","lastModified":1593917830068.519,"size":172447},{"id":"04067075ed3a76624d8176342e94746b91392a368c38e5000b47622a8e6b8fc8597c53aeff215e91ccd65e99316abbd212dcb2efb67090d429405c39c9743be7","href":"https://static.observableusercontent.com/files/04067075ed3a76624d8176342e94746b91392a368c38e5000b47622a8e6b8fc8597c53aeff215e91ccd65e99316abbd212dcb2efb67090d429405c39c9743be7","name":"D3 viz.gif","type":"image/gif","lastModified":1593917830348.312,"size":784817},{"id":"12cb1425e07ac032bd3dbbe3289ca94cce0e891cb9213d24dd73c8658fb696d96cd84b54779354af380e13c26bb9a670b548a99c1557b9a17b1121327421dbba","href":"https://static.observableusercontent.com/files/12cb1425e07ac032bd3dbbe3289ca94cce0e891cb9213d24dd73c8658fb696d96cd84b54779354af380e13c26bb9a670b548a99c1557b9a17b1121327421dbba","name":"AppSource.jpg","type":"image/jpeg","lastModified":1593918156118.741,"size":123440}] 31:{"id":"692552f7c2d0151d","slug":"d3-and-power-bi","title":"D3 and Power BI","thumbnail":"726f8e15da7a9a27d26ac112edef57f25d86751008062a986e9159d43c905b38","access_level":"public","create_time":"$D2020-07-04T21:23:11.134Z","update_time":"$D2020-07-05T23:35:45.081Z","view_time":null,"first_public_time":"$D2020-07-04T21:43:39.727Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"7f05bfab465cc99d","login":"rudzinski","name":"Mike","avatar_url":"https://avatars-next.observableusercontent.com/c46e6f567b7971f866f2eb45c4f0df8b6d9e9aa69bf5c4b9afac02f171badd76","tier":"starter_2024"},"version":61,"publish_version":61,"role":null,"authored":false,"authors":[{"type":"individual","id":"c80f529fa7353ef7","login":"rudzinski","name":"Mike","avatar_url":"https://avatars-next.observableusercontent.com/c46e6f567b7971f866f2eb45c4f0df8b6d9e9aa69bf5c4b9afac02f171badd76","tier":null}],"members":[{"type":"individual","id":"c80f529fa7353ef7","login":"rudzinski","name":"Mike","avatar_url":"https://avatars-next.observableusercontent.com/c46e6f567b7971f866f2eb45c4f0df8b6d9e9aa69bf5c4b9afac02f171badd76","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"D3 and Power BI","cells":[{"id":37,"value":"md`# D3 and Power BI\n# --- DRAFT in progress --- \n## What is Power BI?\nMicrosot's [Power BI](powerbi.com) is quickly becoming the go-to visualization tool in corporate environments. It has a pretty good visualization feature set, is excellent at data manipulation and clean up, and has an extremely low learning curve.\n

Microsoft Power BI. Photo from: [PowerBI.com](https://powerbi.com)

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"md`\n## Power BI and D3\nMicrosoft's built-in visualizations in Power BI use D3. There is an API where you can build your own [custom visualizations](https://docs.microsoft.com/en-us/power-bi/developer/visuals/custom-visual-develop-tutorial). There is an [app store](https://appsource.microsoft.com/en-us/marketplace/apps?product=power-bi-visuals) for developers to share and sell their visualizations.\n

Microsoft AppSource website. Photo from: [appsource.microsoft.com](https://appsource.microsoft.com/en-us/marketplace/apps?product=power-bi-visuals)

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"