{"id":23021092,"url":"https://github.com/p1n2o/ngx-oracle-dv","last_synced_at":"2026-04-18T19:31:50.024Z","repository":{"id":177557935,"uuid":"660552070","full_name":"P1N2O/ngx-oracle-dv","owner":"P1N2O","description":"Angular component to embed visualizations from Oracle Analytics Cloud into your Angular application.","archived":false,"fork":false,"pushed_at":"2023-07-04T07:06:39.000Z","size":118,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-23T08:50:08.277Z","etag":null,"topics":["angular","data-visualization","embed","oracle-analytics-cloud","oracle-visualization"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/ngx-oracle-dv","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/P1N2O.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-30T09:07:05.000Z","updated_at":"2023-07-07T20:41:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"900187db-03b4-4e33-a01e-f8018b0259d3","html_url":"https://github.com/P1N2O/ngx-oracle-dv","commit_stats":{"total_commits":2,"total_committers":2,"mean_commits":1.0,"dds":0.5,"last_synced_commit":"435a9826f25b7559416ca40e8bc3d785ec0edc75"},"previous_names":["p1n2o/ngx-oracle-dv"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/P1N2O%2Fngx-oracle-dv","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/P1N2O%2Fngx-oracle-dv/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/P1N2O%2Fngx-oracle-dv/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/P1N2O%2Fngx-oracle-dv/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/P1N2O","download_url":"https://codeload.github.com/P1N2O/ngx-oracle-dv/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246871465,"owners_count":20847485,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","data-visualization","embed","oracle-analytics-cloud","oracle-visualization"],"created_at":"2024-12-15T12:16:22.097Z","updated_at":"2025-10-18T06:26:22.435Z","avatar_url":"https://github.com/P1N2O.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NGX Oracle Data Visualization\n\nThe NGX Oracle Data Visualization module allows you to seamlessly integrate Oracle Analytics Visualizations into your angular applications.\n\n### Installation\n\nTo install the ngx-oracle-dv module, follow these steps:\n\n1. Install `ngx-oracle-dv` module in your project\n```\nnpm install ngx-oracle-dv\n```\n\n\n\n2. Next, you need to add the Oracle Analytics Visualizations embedding script to the `index.html` file of your project. Add the following code snippet within the `\u003chead\u003e` section:\n```\n\u003cscript\n    src=\"\u003coac instance url\u003e/dv/ui/api/v1/plugins/embedding/standalone/embedding.js\"\n    type=\"application/javascript\"\u003e\n\u003c/script\u003e\n```\n\n\n\n3. Import the NgxOracleDvModule into your application module. Open the module file (e.g., `app.module.ts`) and add the import statement:\n```\nimport { NgxOracleDvModule } from 'ngx-oracle-dv';\n...\n@NgModule({\n  ...\n  imports: [\n    ...\n    NgxOracleDvModule\n  ],\n  ...\n})\n```\n\n\n\n4. Finally, you can use the `ngx-oracle-dv` component within your project's HTML files.\nPlace the following code snippet wherever you want to display the visualization:\n```\n\u003cngx-oracle-dv projectPath=\"/@Catalog/users/john_doe/sample_workbook\"\u003e\u003c/ngx-oracle-dv\u003e\n```\n\nYou can also customize the component's behavior by providing additional properties like `activePage`, `activeTabId`, `filters`, and `projectOptions`. Refer to the **\"Props\"** section below for more details.\n\n\n\n**Note:** This component requires Single Sign-On to be enabled between Oracle Analytics Cloud and your application. During testing, you can run the application in the same browser where you are signed into Oracle Analytics Cloud to bypass the Single Sign-On requirement.\n\n\n### Props\n\n`projectPath` (required):\nSpecifies the repository path of the workbook that you want to render.\n\n`activePage` (optional):\nSpecifies whether a canvas or insight other than the default is rendered. Valid values are 'canvas' and 'insight'.\n\n`activeTabId` (optional):\nSpecifies the ID of the canvas or the story page that you want to show. It can be either a string or a number.\n\n`filters` (optional):\nSpecifies the filters that you want to apply to the visualization. It can be either a string or an array of strings.\n\n`projectOptions` (optional):\nSpecifies the project options that you want to apply to the visualization. It can be either a string or an array of strings.\n\n\nThese properties allow you to customize the displayed visualization according to your requirements.\n\n### Contributors\nManuel Pinto [(manuel@pinto.dev)](mailto:manuel@pinto.dev)\n\nJoella Fernandes [(fernandes@joella.dev)](mailto:fernandes@joella.dev)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp1n2o%2Fngx-oracle-dv","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fp1n2o%2Fngx-oracle-dv","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fp1n2o%2Fngx-oracle-dv/lists"}