The Google Analytics dashboard gives website owners a holistic view of the website traffic statistics. However, with the present range of devices that users can use to access data, designing something that is consistent across resolutions of different kind of devices is a cumbersome task.Īs a result, the viewing experience of a user and the productivity of the organization suffer. Earlier designers could create separate web pages that could be rendered on mobile phones. In case of dashboards, it is important that all the information showcased fits within one screen the use of a scroll should be as minimal as possible. Consequently, users find it difficult to navigate through and comprehend the data on the screen. However, if the layout of a website/application is not responsive, browsing on a device smaller than the conventional desktop often needs a lot of re-sizing. In todayâs day and age, browsing web pages is not restricted to just through desktopsâsmartphones and tablets have caught up. This mandates adopting responsive web design.įusionCharts suggests a solution for creating responsive dashboards that is as simple as it gets. If you are somebody who works with dashboards and information systems regularly, youâd know that at a glance is the keyword here and a pretty crucial one at thatâconsidering the number of devices with different screen resolutions that are available and are increasingly being used for browsing. Non-enterprise embeds may not be resold or be a component of a business application.Wikipedia defines dashboards as easy-to-read, often single page, real-time user interfaces, showing a graphical representation of the current status and the historical trends of an organizationâs key performance indicators to enable instantaneous and informed decisions to be made at a glance. Individual users may generate up to 10 non-enterprise embeds at no extra cost for personal use. Non-enterprise embeds are available in an Individual account. Enterprise embeds include a license that allows them to be resold as a component of business applications. Enterprise users may generate an unlimited number of enterprise embeds at a monthly cost per embed. You can even create an icon shortcut on your iOS device for quick access to your application (see here).īelow is an example of a live, real-time Tiles embed:Įnterprise embeds are available in an Enterprise account. View this example on your laptop/desktop and on your mobile device. Next, let's make the image and dashboard 100% width and fill up the height of the browser with the dashboard in the css stylesheet. Notice that line 12 contains the exact iframe element copied from the bucket shelf share. In order to make the dashboard responsive to viewing on both a laptop and a mobile device, the meta viewport setting must be set (line 5 in the example above). Let's put a simple image header that sits at the top of the webpage and the dashboard underneath the image. In this example, we have a weather dashboard and the iframe element is: First, get the iframe HTML element from the share link on the bucket shelf. Let's step through building a simple Tiles iframe embed that is responsive for viewing on a laptop or a mobile device (*note if you want to build one dashboard that is responsive for both desktop and mobile, you will need to leave Auto-Layout on in your dashboard settings). Simply paste the iframe HTML element into your website or blog, set the width and height, and your dashboard is live to the world. Once you have enabled embed sharing, your Tiles dashboard is ready to go live on your website. To generate an iframe element, click on the "settings" link for the desired bucket in the bucket shelf, go to the Sharing tab, check the "Share by Embed" checkbox, and copy the iframe element text. As data is streamed into your dashboard, every viewer will see it update in real-time just as you do when you are inside of your Initial State account. This allows you to wrap whatever design, branding, or tools you want around your real-time Tiles dashboard. When enabled, a simple iframe embed HTML element is generated that you can copy and paste into your website or blog. Any bucket that you own has the option to be shared by embed. Publishing any Tiles dashboard to your website or blog is super easy and requires almost no coding effort.
0 Comments
Leave a Reply. |