- Sep 23, 2019 Here is another great example that I found on Tableau Public from Zen Master Bridget Winds Cogley: Notice the spiral is flipped showing that you can arrange your charts differently while still following good layout practices. You can find Tableau’s layout containers feature in the dashboard creation tab.
- Tableau Public does not support live data connections, which is why you must create a data extract before publishing. Data extracts are saved subsets of a data source that you can use to share a snapshot of the data in the workbook, improve performance, or take advantage of Tableau functionality that is not available in the underlying data.
- Tableau Dashboard Examples This collection of dashboards is here to serve as inspiration. Some of them are best-practice dashboards, some are created to test the limits of Tableau, and the rest for fun.
You've done a bunch of work—great work—to learn that Burlington, NC needs some love. It shouldn't be difficult to share this information with your teammates. Happily, with Tableau, it isn't.
Device-Specific Dashboards can be used to serve a different version of a Tableau dashboard depending on which device your audience is using. How to Dynamically Format Numbers in Tableau – The Super Sample Superstore dashboard allows the end user to choose between several different KPIs that have different number formats (i.e.
Before you continue, select an option below:
![Dashboard excel Dashboard excel](/uploads/1/3/7/6/137650071/762519750.png)
- If you or your company does not use Tableau Server, or if you want to learn about a free, alternative sharing option, jump to Use Tableau Public.
- If you or your company uses Tableau Server, and you are familiar with what permissions are assigned to you, jump to Use Tableau Server.
Use Tableau Public
Your story was a hit. You're going to publish it to Tableau Public so that your team can view it online.
Note: When you publish to Tableau Public, as the name suggests, these views are publicly accessible. This means that you share your views as well as your underlying data with anyone with access to the internet. When sharing confidential information, consider Tableau Server(Link opens in a new window) or Tableau Online(Link opens in a new window).
- Select Server > Tableau Public > Save to Tableau Public.
- Enter your Tableau Public credentials in the dialog box.If you don't have a Tableau Public profile, no worries! Just click Create one now for free and follow the prompts.
- In the dialog box that appears, select Create Data Extract, and then click Extract.Learn more: Why did you have to create an extract? And what's an extract, anyway?Tableau Public does not support live data connections, which is why you must create a data extract before publishing.Data extracts are saved subsets of a data source that you can use to share a snapshot of the data in the workbook, improve performance, or take advantage of Tableau functionality that is not available in the underlying data.More on working with extracts Ludwig discord. in the Learning Library (in the top menu).
- For the second (and last) time, select Server > Tableau Public > Save to Tableau Public.
- When your browser opens, review your embedded story. It will look like this:
- Click Edit Details to update the title of your viz, add a description, and more.
- Click Save.Your story is now live on the web.
- To share with colleagues, click Share at the bottom of your viz.
- How do you want to share your story?
- Embed on your website: Copy the Embed Code and paste it in your web page HTML.
- Send a link: Copy the Link and send to your colleagues.
- Send an email using your default email client: Click the email icon.
- Share on Twitter or Facebook: Click the appropriate icon.
After you've completed these steps, click here to jump to the final section of the tutorial.
Use Tableau Server
Your story was a hit. You're going to publish it to Tableau Server so that your team can view it online.
Publish to Tableau Server
- Select Server > Publish Workbook or click Share on the toolbar.
- Enter the name of the server (or IP address) you want to connect to in the dialog box and click Connect.
- In the Name field, enter Improve Profits in the South.
- If you want, enter a description for reference, for example 'Take a look at the story I built in Tableau Desktop!'
- Under Sheets, click Edit, and then clear all sheets except Improve Profits in the South.Learn more: Share more than just your story.If you want, you can share every sheet in your workbook with colleagues on Tableau Server. However, you may want to think about which sheets you'd like to make available to which colleagues.Note: Depending on your administrator, your permissions may vary.More on Tableau Server permissions in the Learning Library (in the top menu).
- Click Publish.Tableau Server opens in your internet browser. Power query merge multiple queries. If prompted, enter your server credentials.The Publishing Complete dialog box lets you know that your story is ready to view.
All right! You've successfully published your story using Tableau Server. Now it's time to alert the media.
Send a link to your work
If not the media, it's time to alert at least your teammates so that they can interact with your story online.
- In Tableau Server, navigate to the Improve Profits in the South story that you published. You will see a screen like this:If you had published additional sheets from your workbook, they would be listed alongside Improve Profits in the South.
- Click Improve Profits in the South.Your screen will update to look like this:Awesome! This is your interactive, embedded story.
- From the menu, select Share.
- How do you want to share your story?
- Embed on your website: Copy the Embed Code and paste it in your web page HTML.
- Send a link: Copy the Link and send to your colleagues.
- Send an email using your default email client: Click the email icon.
Congrats, you did it!
You used Tableau Desktop to create a view of your product data, map the product sales and profitability by region, build a dashboard around your findings, tell a story to present, and share your findings on the web so that remote team members can take a look.
You're a data rockstar.
Well done! You've successfully begun practicing the Tableau 'Data Discovery' method:
- Ask a question
- Gather data
Tableau Dashboard Sample
- Structure the data
- Explore the data
- Share insights
That's the basic work flow you'll follow when you work in Tableau, although you might find yourself doing a lot more revising in each stage than you did here. For example, it might take a few revisions to refine your initial question from something general (what's going on with sales?) to something specific (which city in the South is responsible for negative profit?).
And your revisions might take you off in unexpected directions. That’s great. That's what we hope will happen, that you will discover opportunities you didn't even know existed when you first looked at your data.
If you're ready to jump in and start working with your data, go for it. But if you want more information first, check out the Learning Library!
Continue to the Learning Library.
Tableau Public Dashboard Examples Using
The purpose of this blog post is to help you test 3 ways to embed Tableau dashboards into a web page. The simple HTML web page will be hosted locally using a Python 3 HTTP server.
A production embedded analytics application with Tableau is much more complex than what will be covered in this blog post. If you are looking for an easy, out of the box solution, Zuar has products for embedded analytics. Find out more about embedded analytics here.
We won't be covering Tableau Server / Tableau Online security (e.g. the need for a reverse proxy when exposing Tableau Server to the internet) or authentication (e.g. single sign on and trusted authentication). However, these are incredibly important topics when moving your embedded analytics application from development/testing to production. You can find out more about security topics like Trusted Ticket Authentication here.
Here are three ways to embed Tableau dashboards in an embedded analytics application that we'll cover in this article:
- iframe + Tableau share link
- Tableau embed code
- Tableau Javascript API
Tableau Server / Tableau Online:
- Tableau Server / Tableau Online account. If you do not have a Tableau Server / Tableau Online account, please let us know and we will spin up a trial for you or help you make a purchase.
- Tableau dashboard content published that you want to use for embedded analytics. For testing, you can use any dashboard published to Tableau Server / Tableau Online.
Python:
- Python 3 installed. Check to see if Python 3 is already installed by typing
python
orpython3
on your command line.If it is not installed, you can download Python 3 here and follow install instructions here.
Create an empty directory on your machine. This is the directory where we will be creating our HTML files and running the Python HTTP server.
Spinning up a Python 3 HTTP server is very simple. You can read more about this here.
You should see this on the command line:
Open a web browser and go to
http://localhost:8000/
.You should see this:
Now let's create a simple HTML file in the directory.
Use this as a template:
Save the file as
index.html
.Refresh your web browser and you should see this:
Now that the web server is serving up files, let's start embedding Tableau into the webpage.
The first method of embedding Tableau into a webpage is with a simple iframe.
On your Tableau Server / Tableau Online, go to the content you want to embed and click the 'Share' button.
Tableau Public Dashboard Examples For Dummies
Click the green 'Copy link' button.
Edit
index.html
and add an <iframe>
tag between the body tags. The src
is the link copied from Tableau. Also add width
and height
attributes to the iframe that fit the size of the dashboard.Save the file and refresh your browser. You should see this:
The second method of embedding Tableau into a webpage is through the Tableau embed code.
Once again on your Tableau Server / Tableau Online, go to the content you want to embed and click the 'Share' button.
Click the '</> Embed Code' link.
Edit
index.html
and replace with <iframe>
tag with the copied embed code.Save the file and refresh your browser. You should see this:
The final and most powerful method of embedding Tableau into a webpage is with the Tableau Javascript API. In a nutshell, the Tableau JavaScript API gives you more control over the embedded Tableau dashboard allowing both the web page to interact with the embedded Tableau dashboard and the embedded Tableau dashboard to interact with the web page.
Edit
index.html
update it with the code below:Save the file and refresh your browser. You should see this:
The below example uses Google Chrome, but the idea should be similar with other browsers.
As a simple example of the extra control you have over the Tableau dashboard with the JavaScript API, right click on the page (outside of the Tableau dashboard area) and click 'Inspect'. This will bring up the Chrome Dev Tools window.
If you type
viz.
on the 'Console' tab, you will see all the Tableau JavaScript API methods that can be used on the embedded Tableau dashboard. We set viz
as the name of the Tableau dashboard object in our code above.Typing
viz.showShareDialog()
and pressing enter on the console opens up the 'Share View' dialog box. This is the exact same dialog box you see on Tableau Server / Tableau Online when you press the 'Share' button on a dashboard. JavaScript methods like this can be tied to any number of other objects (e.g. buttons) or actions inside your embedded analytics application.We covered three ways to embed Tableau dashboards in a webpage:
- iframe + Tableau share link
- Tableau embed code
- Tableau Javascript API
We also walked through the setup of a simple web server using a Python HTTP server.
Again, a production embedded analytics application with Tableau is much more complex than what we have covered in this blog post. If you are looking for an easy, out of the box solution, Zuar has products for embedded analytics.
Check out our blog to learn tips and tricks for using MITTO, Tableau, embedded analytics and more.