# react-tableau-report

> A react component to embed Tableau reports into a web application.

Latest version **1.0.4** (published 2017-08-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-tableau-report
pnpm add react-tableau-report
yarn add react-tableau-report
bun add react-tableau-report
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2017-08-16 |
| First published | 2017-08-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Dale Sparks |
| Maintainers | ds2co |
| Keywords | react, tableau, jsx, report, component |

## Links

- npm: https://www.npmjs.com/package/react-tableau-report
- Repository: https://github.com/ds2co/react-tableau-report
- Homepage: https://github.com/ds2co/react-tableau-report#readme
- Issues: https://github.com/ds2co/react-tableau-report/issues
- npm.io page: https://npm.io/package/react-tableau-report

## Dependencies (3)

- [url](https://npm.io/package/url.md) ^0.11.0
- [react](https://npm.io/package/react.md) ^15.6.1
- [react-dom](https://npm.io/package/react-dom.md) ^15.6.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.4 (latest) — 2017-08-16
- 1.0.2 — 2017-08-10

## README

# react-tableau-report
React component to embed Tableau reports in a web application using Tableau JS API.

## Install

```
npm install react-tableau-report --save
```

## Basic Usage
```js
import TableauReport from 'tableau-react';

...

render() {
    return {
        <TableauReport url="http://public.tableau.com/views/RegionalSampleWorkbook/Storms" />
    }
}
```

## Advanced Usage
You can add a token, options, filters, and parameters to your TableauReport components to utilizate the features available in the Tablea Api.

[Click Here](https://onlinehelp.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_ref.htm#vizcreateoptions_record) to view the full list of options that can be passed to the report. 

Example:
```js
const token = "<TABLEAU_TOKEN>";

const options = {
  height: 100,
  width: 100,
  hideTabs: false,
  hideToolbar: true
};

const filters = {
  Colors: ['Blue', 'Red'],
  Sizes: ['Small', 'Medium']
};

const parameters = {
  Param1: 'Value',
  Param2: 'Other Value'
};

const MyReport = props => (
  <TableauReport
    url="http://public.tableau.com/views/RegionalSampleWorkbook/Storms"
    token={token}
    filters={filters}
    parameters={parameters}
    options={options}
  />
)
```

## Dependencies

- react
- react-dom
- tableau-api
- url

## Future Releases
* Remove dependencies on tableau-api and url packages.
* Enhance filters functionality.
* Write documentation for filters and parameters.
* etc...

---
_Source: https://npm.io/package/react-tableau-report · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._