Talk to your Tableau Dashboard

Talk to your Tableau Dashboard

Shouldn't an author be able to explain their Tableau Dashboard to every person who views it? Of course they should! This capability should be available to authors and accessible to their end users, regardless of the end user's abilities. We should also make Tableau's awesome interactive capabilities as accessible as we can as web users have vastly diverse abilities.

We noodled around some ideas of how we could enable the Tabitha project for those who did not want to write any code. This blog is the (hopefully) first step toward that effort…

Read More

Easy as Pie React + D3 Chord Diagrams in Tableau

Easy as Pie React + D3 Chord Diagrams in Tableau

… We are going to be integrating with and leveraging Nivo, which is self described by Raphaël Benitte (it's creator) as “supercharged React components to easily build dataviz apps, it's built on top of d3.” Nivo is one of many react component libraries that work on top of D3, each are different and bring their own features and focus to their projects. Here are a few more worth checking out (in no particular order):

I am going to assume you know how to leverage create-react-app and npm install to get up and running locally and import all the component libraries you will need. If you have not gone through this install process yet Chris’ blog walks you through some key steps you will need to complete, and Google is of course your best friend here. Here are the commands to run:

  • Create-react-app nivo_int

  • Cd nivo_int

  • Npm install tableau-api

  • Npm install nivo

That is it, if you run npm start at this point, your project will be bundled and rendered locally on your machine... Magic!

Read More

Building towards d3.js “plugins” for Tableau

Building towards d3.js “plugins” for Tableau

This post is a follow up to my Vizception post from a few months back. We are still building off the technique described in detail within that effort. Here we will look at two additional implementations leveraging the capabilities available within d3.js (thank you Mike Bostock!).

The first of the two implementations looks at leveraging d3.js mapping projectionsTamas Foldi and I presented this example during a recent Think Data Thursday. Here we will leverage the referenced d3.js code and adapt it for use with our Tableau integration method. This will allow us to build choropleth maps in Tableau with access to the d3 projection library which provides just a few more options in addition to your standard Web Mercator (the Tableau default).

Read More

Vizception: Viz in a viz & native d3.js integration on Tableau Server

Vizception: Viz in a viz & native d3.js integration on Tableau Server

We wanted to show a real example of how to bring more to Tableau Server without additional hardware or hosting needed. That’s right, no additional server purchase requisition requests needed. There are really too many use cases to count when it comes to this, the details herein are only the tip of the iceberg.

We had a few short discussions and landed on the following example. This includes not only native d3.js integration but also an example of viz in a viz (in a viz) on Tableau Server. As a starting point, we used the twitter network graphs that Keith Helfrich and I recently shared, which were showcased on the Tableau bloglast month.

Read More

A Viz of Many (Gender) Colors

A Viz of Many (Gender) Colors

Pink is for girls and blue is for boys.  How pervasive is this association?

This viz updates live to reflect the crowd voted winning color palette choice.  Tha's right,  this is a live updating Tableau Public viz that uses data from a Google Sheet without needing a web connector!!!!  Thanks to some Allan Walker glitter (which is always black).

Read More

The Tableau Conference Network

The Tableau Conference Network

As I embarked on this journey a while back, I had some goals when it came to what I was looking to build. These are summarized in the below bullets.

  • Visualize Twitter network growth in detail using some form of network graph
  • Needed the network graph for each year to be comparable to one another
  • Interactivity against the network graphs was a must
  • Provide a way for the user to view the actual tweets
  • Once Keith and I decided to run parallel with our efforts, we wanted to way to “jump” from one view to the other.

The sections below detail out how I went about trying to achieve each of these goals. Don’t ask me why I gave myself so many of them.

Read More

Live Polar Clock in Tableau by Chris DeMartini

Live Polar Clock in Tableau by Chris DeMartini

After taking a look at the polar clock examples in both D3 and protovis and having studied Bora Beran's great radial treemap & bar chart post it seemed very possible to do this in Tableau with just a little incremental effort. I started from Bora's workbook and went from there.

For the polar clock each radial bar needs to be based on a different unit of time. See the below graphic for how I went about laying out the radial bars and units of time for this viz (mimicking the D3 and protovis versions).

Read More

Great Arcs in Tableau by Chris DeMartini

Great Arcs in Tableau by Chris DeMartini

This is one of many posts on the subject of Great Arcs which ultimately lead us to the re-make of the 1983 cult classic Wargames in Tableau. I encourage you to read the whole series of posts by the wider team in addition to this one.

Read More

Radial Trees in Tableau by Chris DeMartini

Radial Trees in Tableau by Chris DeMartini

This is an incremental post to navigating your family tree from a few months back. This builds off of that visualization technique to manipulate the tree into a radial view. Also, as with the original, the tree is 100% dynamic and you can reset each node in the tree as the root node, toggle between tree views as well as change the API you are analyzing.

Read More

Tableau JS API 102

Tableau JS API 102

Padawan Challenge:  Build a Website with 4 fully responsive Tableau Dashboard views and add an Open Parameter that affects all of them.

Hello Dojo’ers!  Ready to have some more fun with AllanChris, and Anya?  Get out your favorite text editor, a bag of Skittles (for little rewards here and there) and lets get to it.  

Last year at the Tableau conference, DataBlick presented a lot of artsy fartsy bits on how the whole Tableau Dashboard should be a canvas.  Data, pixels, design elements, formatting and math should be used to paint the composition of the viz as a whole on the Tableau canvas.  In this lesson, we are zooming one step out, and now a Tableau viz becomes a bit of paint on an html canvas.

Read More

Tableau JS API 101

Tableau JS API 101

In this post we start with the very, VERY, basics of setting up a simple webpage, embedding a Tableau viz in it, and then adding elements to your webpage that will interact with the Tableau viz. If you already are familiar with the JS API, check back in a few dojo lessons and we will move onto interacting with other web applications to do things like enable voice and gesture control, add sound or haptic feedback, or even apply it to an actual business use case :-p.  If you don’t even really know what html is, this is the place for you to get started on the path to JS API awesome.

Read More