Skip to main content
100%

Basic Embed

✓ Published0🌍 Public
Aabhisekhpatra
Last edited Sep 7, 2017
Created on Sep 7, 2017

This example embeds an interactive Tableau visualization into a web page using the Tableau JavaScript API. It loads a public workbook titled "RegionalSampleWorkbook/Storms" and displays it inside a fixed-size container div. The code creates a `tableau.Viz` object with options that hide tabs and log a message once the visualization finishes loading. The page initializes the visualization on load via the `initViz()` function, relying on the `tableau-2.min.js` library to handle the embedding.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Tableau Mapbox integration

This example embeds a Tableau dot map visualization into a web page using the Tableau JavaScript API (viz_v1.js). The map, hosted on Tableau Public, displays data points over a Mapbox-integrated background, with an interactive toolbar for user exploration. The embedded object loads a shared workbook (path 'shared/JDCDWS536') and renders a static image as a fallback. The code relies on the Tableau-provided `tableauViz` object and associated parameters to control display options like transitions, overlays, and count indicators. No custom mapping or data-processing libraries are used; the visualization is fully handled by Tableau's server-side rendering.

Aaaizemberg
73% match
Loading thumbnail…

LC embed code

This example embeds a Tableau Public dashboard that visualizes data from the ACLED range selector. The page uses a standard Tableau embed code with a placeholder `<div>` and an `<object>` element configured via `<param>` tags. The JavaScript API `viz_v1.js` dynamically adjusts the visualization’s width and height based on the container’s offset width, setting it to 1000×1227 pixels for larger screens or 100% width with 1177 pixels height for smaller displays. The dashboard includes a toolbar, static image fallback, and animated transitions.

Aantichaos
71% match
Loading thumbnail…

Tableau con dos solapas

This example embeds a Tableau Public visualization of population data in an HTML page, displayed as a single chart without tabs despite the title referencing two. The code loads the Tableau JavaScript API (`viz_v1.js`) and initializes a `tableauViz` object with an 804x669 pixel canvas, enabling the toolbar and static image fallback. It renders the workbook named "Población" from a public Tableau server, with interactive transitions and overlay controls provided by the API. The visualization shows population statistics, though the underlying data source is not detailed in the code.

Aaaizemberg
71% match
Loading thumbnail…

Tableau embed - gives error

This example embeds a Tableau public dashboard and demonstrates programmatic filtering through the Tableau Embedding API. The page includes three buttons that trigger JavaScript functions: one applies a filter to replace the state values with Washington and Oregon, another clears the State filter, and the third performs an undo action. The embedded visualization loads from a Tableau public URL with predefined filters for Category and State, displayed in a phone layout with a bottom toolbar. The code uses the `tableau-viz` web component and methods like `applyFilterAsync`, `clearFilterAsync`, and `undoAsync`.

Aantichaos
68% match
Loading thumbnail…

Gist 0445ab696d247d2b99136b7aefe88708

This embedded Tableau visualization presents a dashboard on the Komdecrisis (Dutch debt crisis) data, showing economic indicators and trends over time. The page loads a Tableau Public workbook via the Tableau JavaScript API, using a dynamic iframe that adjusts its width and height based on the container’s size. It relies on the `viz_v1.js` API to render the interactive chart, with parameters for toolbar, transitions, and static image fallback, while the dataset appears to be sourced from a shared Tableau workbook linked by path `shared/885J3HH62`.

Aantichaos
65% match
Loading thumbnail…

Data Visualization Project

This example presents a gallery of visualizations, beginning with an embedded Tableau public dashboard and including multiple iframes of D3-based charts such as bar, pie, scatter, tree, and 3D bar graphs hosted on VizHub. The page also references Google Colab and Figma-embedded screenshots. Built with React, the code uses standard HTML, CSS, and JavaScript to lay out these components, with the Tableau Viz API script loading the interactive dashboard and VizHub iframes displaying the individual charts.

Aav.dj.2000@gmail.com
63% match
Loading thumbnail…

vega-lite JavaScript API browser example with vegaEmbed

This example shows a linked brushing-and-clicking dashboard for Seattle weather data, combining a scatterplot of daily maximum temperature and precipitation with a bar chart of weather-type counts. It demonstrates the Vega-Lite JavaScript API and vegaEmbed in the browser, where the API builds a visualization specification and vegaEmbed renders it into the DOM. The code uses `vl.selectInterval` and `vl.selectMulti` for interactive selections, `vl.markPoint` and `vl.markBar` for marks, and `vl.vconcat` to stack the two views. The data is loaded from the vega-datasets CDN, with weather categories colored via a custom scale and precipitation mapped to point size.

EEE2dev
62% match
Loading thumbnail…

TV.PY

This visualization embeds an interactive Tableau dashboard titled “TV.PY” that displays a data view of television-related content, presented through a large 988-by-807-pixel canvas. The page loads the dashboard via the Tableau JavaScript API (viz_v1.js), which renders the visualization hosted on Tableau Public using the shared path “69DM2FY26”. The dashboard includes tabs, a toolbar, and a static image fallback for users without JavaScript or when the live view is unavailable. The code relies on Tableau’s embedded object parameters to control animation, overlays, and count display, rather than custom charting libraries.

Aaaizemberg
61% match