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

No Title

No Description

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

Posted on Posted in Blog Posts

Concept & background
This project started from this set of tweets.

       Tamas Foldi @tfoldi     Tamas Foldi @tfoldi

HOWTO: Using @tableau JS API *without* Embedding. Add D3JS, Chart.js to Vizportal: http://databoss.starschema.net/tableau-javascript-api-without-embedding/  pic.twitter.com/CBzBZsVPzb

@tableau this is amazing work @tfoldi my brain hurts from the number of doors you just opened…

Originating with the work that Tamas Foldi has done and building some real examples out from there. Tamas pinged me on Twitter with the idea and we were on our way. Please be sure to take a look at his post as well, found here.

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 blog last month.

 

Collaboration
My favorite part of these projects is collaborating with people across the Tableau community (and the world). Being able to work with Tamas on this one was really fun, there is a reason why Tableau (and the community) know him as the ‘white-hat hacker’ of Tableau Server. In addition, a couple of Tamas’ colleagues Gyula Laszlo and Szilagyi Akos contributed to the content and trouble shooting of the integration.

 

Get to it already, what is really required to make this work?
Here is a list of what you need to mimic what we have done in this post. The items which are add-ons to do specific things that we tried to achieve in this example are noted as optional all others are needed for our implementation of d3.js integration.

  • Tableau Desktop
  • Tableau Server
  • Tableau JS API, d3.js and other js libraries which will vary depending on your use case
  • Access to save files to the weddataconnectors folder on the server (sorry Tableau Public users 🙁 )
    • Associated html, css and js files used for integration will need to be placed in this folder (or sub-folders).
  • HTML, CSS & JavaScript
  • jQuery (optional)
  • jQuery UI (optional)
  • Bootstrap (optional)
  • Determination and stubbornness (not optional, but hopefully this post can help reduce some of the need for that!).

 

 

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

This project started from this set of tweets. @tableau this is amazing work @tfoldi my brain hurts from the number of doors you just opened… – Chris DeMartini (@demartsc) August 30, 2016 Originating with the work that Tamas Foldi has done and building some real examples out from there.

 

The following two tabs change content below.

Eric Axelrod

President & Chief Architect at DIGR
I have helped companies bring new data driven products to market, drive efficiency out of their supply chain, execute strategic plans, and drive top line and bottom line growth by enabling every business function with actionable analytics. I can transform a business which is lacking critical insight into an agile, strategic, data driven organization.

Leave a Reply