# react-dv

> React component to embed visualizations from Oracle Analytics Cloud into your React application.

Latest version **1.1.0** (published 2019-04-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-dv
pnpm add react-dv
yarn add react-dv
bun add react-dv
```

## 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.1.0 |
| Published | 2019-04-25 |
| First published | 2019-04-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 10.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | casey003 |
| Maintainers | casey003 |
| Keywords | data visualization, oracle, oracle analytics cloud, analytics cloud, dashboard, analytics, business intelligence, embed, react-dv |

## Links

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

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^16.8.6
- [webpack](https://npm.io/package/webpack.md) ^4.30.0

## Alternatives

- [localforage](https://npm.io/package/localforage.md) — 6.2M weekly downloads
- [localforage-observable](https://npm.io/package/localforage-observable.md) — 30.8K weekly downloads
- [@y/y](https://npm.io/package/@y/y.md) — 30.1K weekly downloads
- [@metaobjectsdev/render](https://npm.io/package/@metaobjectsdev/render.md) — 3.5K weekly downloads
- [@ledgerhq/coin-algorand](https://npm.io/package/@ledgerhq/coin-algorand.md) — 1.1K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2019-04-25
- 1.0.3 — 2019-04-24
- 1.0.2 — 2019-04-24
- 1.0.1 — 2019-04-24
- 1.0.0 — 2019-04-23

## README

## React Data Visualization

### Installation

`npm install --save react-dv`

### How To Use Data Visualization Component

First import this component where you want to use it

`import { DataVisualization } from "react-dv"`

Next add embedding script to index.html of project

```
<script
    src="<oac instance url>/dv/ui/api/v1/plugins/embedding/standalone/embedding.js"
    type="application/javascript">
</script>
```

Then just render it. This component requires Single Sign On to be enable between the Oracle Analytics Cloud and your application. For testing, you can run the application in the same browser where you are signed into Oracle Analytics Cloud to get around the Single Sign On requirement.

`<DataVisualization path="oac/project/path" activeTab="1" showFilter={false} disableMobileLayout={false} />`

### Props

| _Prop_              |                       _Description_                        | _Value_       |
| ------------------- | :--------------------------------------------------------: | ------------- |
| path                |         Set path to Oracle Cloud Analytics project         | String        |
| activeTab           |              Select active canvas to display               | String        |
| showFilter          |    Determines if filtering is enabled for visualization    | Boolean       |
| disableMobileLayout |             Disables or enables mobile layout              | Boolean       |

### Example

```
import React, { Component } from "react";
import DataVisualization from "react-dv";


class App extends Component {

  render() {
    return (
        <DataVisualization path="oac/project/path" activeTab="1" showFilter={false} disableMobileLayout={false} />
    );
  }
}

export default App;
```

### How To Use Dashoboard Component

First import this component where you want to use it

`import { Dashboard } from "react-dv"`

Then just render it. This component requires Single Sign On to be enable between the Oracle Analytics Cloud and your application. For testing, you can run the application in the same browser where you are signed into Oracle Analytics Cloud to get around the Single Sign On requirement.

`<Dashboard link="oac.com/prompted-url-link" />`

### Props

| _Prop_              |                       _Description_                        | _Value_       |
| ------------------- | :--------------------------------------------------------: | ------------- |
| link                |       Prompted URL for Business Intelligence Dashboard     | String        |

### Example

```
import React, { Component } from "react";
import { Dashboard } from "react-dv";


class App extends Component {

  render() {
    return (
        <Dashboard link="oac.com/prompted-url-link" />
    );
  }
}

export default App;
```

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