Vizception: Viz in a viz & native d3.js integration on Tableau Server
Concept & background
This project started from this set of tweets.
Tamas Foldi @tfoldi Tamas Foldi @tfoldi
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.
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).
- 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!).
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.
Latest posts by Eric Axelrod (see all)
- Metadata Automation |Tableau Community - March 1, 2017
- How Amazon Will Ride Big Data To $1 Trillion Market Cap - January 22, 2017
- Why physicists are a good fit for data science jobs - January 16, 2017