{"id":16032,"date":"2015-10-16T14:58:46","date_gmt":"2015-10-16T21:58:46","guid":{"rendered":"https:\/\/devwww.3cloudsolutions.com\/post\/build-awesome-data-visualizations-in-microsoft-power-bi-2\/"},"modified":"2024-01-03T14:27:27","modified_gmt":"2024-01-03T22:27:27","slug":"build-awesome-data-visualizations-in-microsoft-power-bi","status":"publish","type":"post","link":"https:\/\/3cloudsolutions.com\/resources\/build-awesome-data-visualizations-in-microsoft-power-bi\/","title":{"rendered":"Build Awesome Data Visualizations in Microsoft Power BI"},"content":{"rendered":"<p>&nbsp;<\/p>\n<table>\n<tbody>\n<tr>\n<td><strong><span style=\"color: #5b9bd5;\">First, a Little Bragging<\/span><\/strong><\/p>\n<p>In July, Microsoft <a href=\"http:\/\/www.microsofttrends.com\/2015\/07\/10\/power-bi-visualization-goes-open-source-uses-javascript-html-5-and-d3-js\/\" target=\"_blank\" rel=\"noopener\">announced <\/a>that Power BI would be open source and developers would have the ability to add custom visuals to the product.<\/p>\n<p>To promote this, Microsoft recently held the first <a href=\"http:\/\/community.powerbi.com\/t5\/Best-Visual-Contest\/con-p\/best_visual_contest\/tab\/entries\" target=\"_blank\" rel=\"noopener\">Power BI Best Visual Contest<\/a>. Lots of great entries were submitted but today we are thrilled to <a href=\"http:\/\/blogs.msdn.com\/b\/powerbi\/archive\/2015\/10\/08\/power-bi-best-visual-contest-announcing-the-contest-winners.aspx\" target=\"_blank\" rel=\"noopener\">announce<\/a> that 3Cloud&#8217;s own David Eldersveld won third prize for his <a href=\"http:\/\/community.powerbi.com\/t5\/Best-Visual-Contest\/Hexbin-Scatterplot\/cns-p\/7436\" target=\"_blank\" rel=\"noopener\">Hexbin Scatter Plot<\/a>!<\/td>\n<td style=\"vertical-align: top;\"><img decoding=\"async\" style=\"width: 320px;\" title=\"Hexbin Scatter Plot\" src=\"https:\/\/3cloudsolutions.com\/wp-content\/uploads\/2022\/11\/HexBinScatterplot-1.gif\" alt=\"Hexbin Scatter Plot\" data-constrained=\"true\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><!--more--><\/p>\n<p>Check out the video\u00a0of David&#8217;s entry below.\u00a0I love this entry because it takes a commonly used type of chart that can be difficult to interpret and gives it a new layer of meaning by visually grouping related data points. \u00a0<strong>Our heartfelt thanks and congratulations go out to David for his great work!<\/strong><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding: 62.97% 0 0 0; position: relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height: 100%; left: 0; position: absolute; top: 0; width: 100%;\">\n<div id=\"wistia-p7ytlrlj8w-1\" class=\"wistia_embed wistia_async_p7ytlrlj8w videoFoam=true\" style=\"height: 100%; width: 100%;\">\n<div id=\"wistia_chrome_150\" class=\"w-chrome\" style=\"display: inline-block; height: 502px; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 797px; zoom: 1; outline: none; overflow: hidden; box-sizing: content-box;\" tabindex=\"0\" aria-label=\"Wistia Video Player - PowerBI-Hexbin\">\n<div id=\"wistia_grid_156_wrapper\" style=\"display: block; width: 797px; height: 502px;\">\n<div id=\"wistia_grid_156_above\" style=\"height: 0px; font-size: 0px; line-height: 0px;\"><\/div>\n<div id=\"wistia_grid_156_main\" style=\"width: 797px; left: 0px; height: 502px; margin-top: 0px;\">\n<div id=\"wistia_grid_156_behind\"><\/div>\n<div id=\"wistia_grid_156_center\" style=\"width: 100%; height: 100%;\">\n<div id=\"wistia_video_wrapper_161\" style=\"display: inline-block; height: 100%; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; zoom: 1; overflow: hidden;\">\n<div id=\"wistia_155_vulcan\" class=\"bp-2000\" style=\"background: #000000; display: block; height: 100%; overflow: hidden; position: relative; width: 100%;\">\n<p><video id=\"wistia_155\" style=\"background: transparent; display: block; height: 100%; position: relative; visibility: visible; width: 100%; object-fit: fill;\" crossorigin=\"anonymous\" poster=\"\/\/fast.wistia.com\/assets\/images\/blank.gif\" preload=\"none\" width=\"300\" height=\"150\"><source id=\"wistia_155_source\" src=\"https:\/\/embedwistia-a.akamaihd.net\/deliveries\/c2fb3bfe23d91c5dd9e9c92f4af9e520eda33d91\/file.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<div class=\"w-control-bar w-is-visible w-is-not-transitioning\">\n<div class=\"w-control-bar__region w-control-bar__region--left\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--center\">\n<div class=\"w-control-bar__region w-control-bar__region--thumbscrubber\"><\/div>\n<div id=\"wistia_playbarControl_199\" class=\"w-control wistia_playbar w-control--playbar w-is-visible\">\n<div class=\"w-control--icon\"><\/div>\n<div id=\"wistia_playbar_mask_201\" class=\"wistia_playbar_mask\" tabindex=\"-1\" role=\"slider\" data-tabbable=\"true\" aria-label=\"playbar\" aria-valuenow=\"0:00\">\n<div id=\"time_positioner_208\" class=\"wistia_time_positioner\" style=\"width: 0px;\">\n<div id=\"time_209\" class=\"wistia_time\" style=\"right: auto; left: 9px;\">2:51<\/div>\n<\/div>\n<div id=\"wistia_playbar_slider_202\" class=\"wistia_playbar_slider\" style=\"transform: translateX(-50%);\"><\/div>\n<div id=\"wistia_hover_line210\" class=\"wistia_playbar_hover_line\" style=\"left: 0%;\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-control-bar__region w-control-bar__region--centerMobile\">\n<div id=\"wistia_playbarPlaceholder_214\" class=\"w-control wistia_playbar_placeholder w-control--playbar-placeholder w-playbar-placeholder w-is-visible\">\n<div class=\"w-control--icon\"><\/div>\n<div class=\"wistia_placeholder_time_element wistia_time\">2:51<\/div>\n<\/div>\n<\/div>\n<div class=\"w-control-bar__region w-control-bar__region--right\">\n<div class=\"w-control-bar__region w-control-bar__region--captions\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--volume\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--share\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--settings\">\n<div class=\"w-component w-component--settings\">\n<div class=\"\">\n<div class=\"w-menu w-menu--share\" style=\"left: -80px;\">\n<ul class=\"w-menu__list\">\n<li class=\"w-menu__list-item w-menu__list-item--Speed\">\n<div class=\"w-menu__section-title_label\">Speed<\/div>\n<div class=\"w-menu__section-title_value\">1x<\/div>\n<div class=\"w-menu__collapsable-wrapper\" style=\"height: 0px;\">\n<ul class=\"w-menu__list w-menu__list--collapsable w-is-transitioned\">\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable\" tabindex=\"-1\" title=\"0.5x\" data-optionkey=\"0.5\">0.5x<\/button><\/li>\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable is-checked\" tabindex=\"-1\" title=\"1x\" data-optionkey=\"1\">1x<\/button><\/li>\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable\" tabindex=\"-1\" title=\"1.5x\" data-optionkey=\"1.5\">1.5x<\/button><\/li>\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable\" tabindex=\"-1\" title=\"2x\" data-optionkey=\"2\">2x<\/button><\/li>\n<li class=\"w-menu__list-item\" tabindex=\"-1\" data-tabto=\".w-menu__list-item--Quality button\"><\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li class=\"w-menu__list-item w-menu__list-item--Quality\">\n<div class=\"w-menu__section-title_label\">Quality<\/div>\n<div class=\"w-menu__section-title_value\">720p<\/div>\n<div class=\"w-menu__collapsable-wrapper\" style=\"height: 0px;\">\n<ul class=\"w-menu__list w-menu__list--collapsable w-is-transitioned\">\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable\" tabindex=\"-1\" title=\"360p\" data-optionkey=\"mp4_h264_721k\">360p<\/button><\/li>\n<li class=\"w-menu__list-item\"><button class=\"w-menu__list-link w-menu__list-link--checkable\" tabindex=\"-1\" title=\"720p\" data-optionkey=\"mp4_h264_575k\">720p<\/button><\/li>\n<li class=\"w-menu__list-item\" tabindex=\"-1\" data-tabto=\".w-menu__list-item--close-settings\"><\/li>\n<\/ul>\n<\/div>\n<\/li>\n<li class=\"w-menu__list-item w-menu__list-item--close-settings\" tabindex=\"-1\" data-tabto=\".w-control--settings\"><\/li>\n<\/ul>\n<\/div>\n<div class=\"w-control--icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-control-bar__region w-control-bar__region--airplay\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--fullscreen\"><\/div>\n<div class=\"w-control-bar__region w-control-bar__region--branding\"><\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<div class=\"w-menu-bar w-is-visible\"><\/div>\n<div id=\"wistia_165.thumbnail\" style=\"cursor: default; display: block; height: 502px; overflow: hidden; outline: none; position: absolute; width: 797px; left: 0px; top: 0px;\" tabindex=\"-1\"><img decoding=\"async\" id=\"wistia_165.thumbnail_img\" style=\"border: 0px solid #000000; display: block; float: none; height: 502px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; width: 797px; left: 0px; top: 0px;\" src=\"https:\/\/embedwistia-a.akamaihd.net\/deliveries\/a1d5b42a4deabf39bc2644d622cc4694d9724e22.jpg?image_crop_resized=960x605\" alt=\"Wistia video thumbnail - PowerBI-Hexbin\" \/><\/div>\n<div id=\"wistia_loading_215\" class=\"w-control wistia-loading\" style=\"top: 0px;\"><\/div>\n<div id=\"wistia_context_menu_216\" class=\"w-control w-control--context-menu w-context-menu\" style=\"background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px; left: 0px; line-height: 1.5em; position: absolute; text-shadow: none; top: 0px; width: 200px; z-index: 100000;\"><a id=\"aboutWistia\" class=\"w-context-menu__item w-is-visible w-context-menu__item--aboutWistia\" style=\"display: block; text-decoration: none;\" href=\"https:\/\/wistia.com\/about-wistia?about=331994\" target=\"_blank\" rel=\"noopener\">About Wistia<\/a><\/div>\n<div class=\"w-status-bar\">message<\/div>\n<div data-testid=\"big-play-button\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"wistia_grid_156_front\"><\/div>\n<div id=\"wistia_grid_156_top_inside\"><\/div>\n<div id=\"wistia_grid_156_bottom_inside\"><\/div>\n<div id=\"wistia_grid_156_left_inside\"><\/div>\n<div id=\"wistia_grid_156_right_inside\"><\/div>\n<\/div>\n<div id=\"wistia_grid_156_below\" style=\"height: 0px; font-size: 0px; line-height: 0px;\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><span style=\"color: #5b9bd5;\"><strong><br \/>\nWhy I think this is important<\/strong><\/span><\/p>\n<p>The trend for the past several years has been for customers to want to leverage out-of-the-box capabilities of their BI tool to support reporting and analysis. Tools that allowed for a high-degree of customization were often seen as too complex for the average business user. Unfortunately, the result of this restriction often meant that the results didn&#8217;t exactly meet the customer&#8217;s expectations. Either we could make it look exactly like they wanted at the expense of interactivity or we could make the result interactive but couldn&#8217;t give them the look and feel they wanted. What&#8217;s more, ISV&#8217;s can&#8217;t keep up with the demand for new visuals and capabilities in their products.<\/p>\n<p>Visuals in Power BI are built on the very popular <a href=\"http:\/\/d3js.org\/\" target=\"_blank\" rel=\"noopener\">D3.js<\/a> library. What this means is that you can leverage the power of D3 to embed new and highly customized visualzations directly in to their Power BI solutions without having to code complex web applications. They become drag-n-drop objects just like all the other built in options.<\/p>\n<p>The ability to extend the capabilities of the product with an easily accessible, open source interface opens up tons of possibilities. When faced with a challenging need, advanced users (or their development teams) can now build exactly the right visual for their needs, practitioners can build portfolios of their own work to differentiate them from their peers and a widely accessible, open source community that leverages a well known and powerful platform means that support and examples are only a search and a click away.<\/p>\n<p>I can&#8217;t tell you how excited I am by this capability in Power BI. I think it gives Microsoft a differentiator in the visualization market that their competitors are going to need to respond to. I can&#8217;t wait to see more and more great work from David and all of the others who are blazing this trail.<\/p>\n<p><strong><span style=\"color: #5b9bd5;\">How to get started<\/span><\/strong><\/p>\n<p><a href=\"https:\/\/powerbi.microsoft.com\/en-us\/custom-visuals\" target=\"_blank\" rel=\"noopener\">Read about Power BI Custom visuals on PowerBI.com<\/a><\/p>\n<p><a href=\"https:\/\/powerbi.microsoft.com\/en-us\/custom-visuals\" target=\"_blank\" rel=\"noopener\">Download the Power BI code from Git Hub<\/a><\/p>\n<p><a href=\"http:\/\/www.typescriptlang.org\/\" target=\"_blank\" rel=\"noopener\">Learn about TypeScript<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In July 2015, Microsoft announced that Power BI would be open source and developers would have the ability to add custom visuals to the product.<\/p>\n","protected":false},"author":21,"featured_media":14862,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[260],"tags":[326,273],"class_list":["post-16032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-ai","tag-data-visualization","tag-power-bi","topics-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts\/16032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/comments?post=16032"}],"version-history":[{"count":0,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts\/16032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/media\/14862"}],"wp:attachment":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/media?parent=16032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/categories?post=16032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/tags?post=16032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}