{"id":18509343,"url":"https://github.com/lgsinnovations/react-sigplot","last_synced_at":"2025-04-09T03:32:33.430Z","repository":{"id":33145797,"uuid":"151838822","full_name":"LGSInnovations/react-sigplot","owner":"LGSInnovations","description":"React wrapper for SigPlot.js","archived":false,"fork":false,"pushed_at":"2023-01-04T21:38:03.000Z","size":14648,"stargazers_count":4,"open_issues_count":29,"forks_count":9,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-23T23:14:13.836Z","etag":null,"topics":["canvas","charting","dsp","javascript","plot","react","sdr","signal-processing","sigplot","software-defined-radio"],"latest_commit_sha":null,"homepage":"https://sigplot.lgsinnovations.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LGSInnovations.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-10-06T12:42:08.000Z","updated_at":"2022-02-15T03:02:35.000Z","dependencies_parsed_at":"2023-01-14T23:45:37.369Z","dependency_job_id":null,"html_url":"https://github.com/LGSInnovations/react-sigplot","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LGSInnovations%2Freact-sigplot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LGSInnovations%2Freact-sigplot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LGSInnovations%2Freact-sigplot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LGSInnovations%2Freact-sigplot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LGSInnovations","download_url":"https://codeload.github.com/LGSInnovations/react-sigplot/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247973977,"owners_count":21026738,"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":["canvas","charting","dsp","javascript","plot","react","sdr","signal-processing","sigplot","software-defined-radio"],"created_at":"2024-11-06T15:17:18.228Z","updated_at":"2025-04-09T03:32:32.160Z","avatar_url":"https://github.com/LGSInnovations.png","language":"JavaScript","readme":"react-sigplot\n===============\n[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0) [![Build Status](https://travis-ci.org/LGSInnovations/react-sigplot.svg?branch=master)](https://travis-ci.org/LGSInnovations/react-sigplot) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](.github/CONTRIBUTING.md#pull-requests) [![npm version](https://badge.fury.io/js/react-sigplot.svg)](https://badge.fury.io/js/react-sigplot) [![codecov](https://codecov.io/gh/LGSInnovations/react-sigplot/branch/master/graph/badge.svg)](https://codecov.io/gh/LGSInnovations/react-sigplot)\n\nSigPlot wrapper component for ReactJS.\n\nSource: https://lgsinnovations.gitlab.com/axios/react-sigplot\n\nInstall: `npm install --save react-sigplot`\n\n## What is it?\n\nProvides a component that wraps the SigPlot library.\n\n## Properties\n\n### \\\u003cSigPlot /\u003e\n\n|Property|Type|Default|Explanation|\n|---|---|---|---|\n|`height`|`number`|300|Height of the `div` wrapping SigPlot|\n|`width`|`number`|300|Width of the `div` wrapping SigPlot|\n|`display`|`string`|inline-block|CSS display type for `div` wrapping SigPlot|\n|`styles`|`object`|`undefined`|any other CSS Styles as JS object|\n|`options`|`object`|`{all: true, expand: true, autol: 100, autohide_panbars: true}`|SigPlot `Plot` options|\n\n### \\\u003cArrayLayer /\u003e\n\n|Property|Type|Default|Explanation|\n|---|---|---|---|\n|`data`|`array(number)`|`undefined`|Array of values to plot|\n|`options`|`object`|`undefined`|SigPlot data header|\n|`layerOptions`|`object`|`undefined`|SigPlot `Layer` options|\n\n### \\\u003cPipeLayer /\u003e\n\n|Property|Type|Default|Explanation|\n|---|---|---|---|\n|`data`|`array(number)`|`undefined`|Array of values to plot|\n|`options`|`object`|`undefined`|SigPlot `Layer` options|\n\n### \\\u003cHrefLayer /\u003e\n\n|Property|Type|Default|Explanation|\n|---|---|---|---|\n|`href`|`string`|`''`|URL or path to a bluefile or MATLAB file|\n|`onload`|`function`|`null`|Function that will get executed when file is loaded|\n|`options`|`object`|`undefined`|SigPlot `Layer` options|\n\n### \\\u003cWebsocketLayer /\u003e\n|Property|Type|Default|Explanation|\n|---|---|---|---|\n|`wsurl`|`string`|`''`|URL to the websocket server|\n|`overrides`|`object`|`undefined`|SigPlot `Layer` overrides|\n|`options`|`object`|`undefined`|SigPlot `Layer` options|\n\n## Usage\n\n### Basic\n\n```js\n/** Default plot an array three different ways\n * 1. As a standard array\n * 2. As a pipe\n * 3. As a file/url\n */\n\u003cdiv\u003e\n  \u003cSigPlot options={{autol:1}}\u003e\n    \u003cArrayLayer data={this.state.rasterData}/\u003e\n  \u003c/SigPlot\u003e\n  \u003cSigPlot\u003e\n    \u003cPipeLayer options={{type: 2000, subsize: 1000}}\n      data={this.state.rasterData}/\u003e\n  \u003c/SigPlot\u003e\n  \u003cSigPlot\u003e\n    \u003cHrefLayer\n      href={this.state.href}/\u003e\n  \u003c/SigPlot\u003e\n\u003c/div\u003e\n```\n\n## Example Preview\n\nIf you run\n\n```\n$ npm run build\n$ python -m SimpleHTTPServer 8888\n```\n\nand in a browser, navigate to http://0.0.0.0:8888, you\nshould see the following\n\n![React Sigplot](docs/example.gif)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgsinnovations%2Freact-sigplot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flgsinnovations%2Freact-sigplot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flgsinnovations%2Freact-sigplot/lists"}