sigplot

KO | EN

gitlite — search

#javascript #dotfiles #shell #python #hacktoberfest #ruby #php #bash #inactive #unmaintained #blog #personal-website

★ 40 Open GitHub ↗

SigPlot provides fast interactive web-plotting for software defined radio.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[SigPlot](http://sigplot.lgsinnovations.com)
=======

[![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/sigplot.svg?branch=master)](https://travis-ci.org/LGSInnovations/sigplot) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://raw.githubusercontent.com/LGSInnovations/sigplot/master/.github/CONTRIBUTING.md) [![npm version](https://badge.fury.io/js/sigplot.svg)](https://badge.fury.io/js/sigplot)

SigPlot provides fast, interactive plotting for software defined radio
applications using HTML5.

![SigPlot plotting the FFT of a signal](https://raw.githubusercontent.com/LGSInnovations/sigplot/master/fft-white.png)

Getting Started
=================
```html
<html>
  <head>
    <title>SigPlot Standalone</title>
    <style>
      #plot {
        width: 600px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <div id="plot"></div>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sigplot/dist/sigplot-debug.js"></script>
    <script type="text/javascript">
      var options = {};
      var plot = new sigplot.Plot(document.getElementById('plot'), options);
    </script>
  </body>
</html>
```

See [this jsFiddle](https://jsfiddle.net/ha09baqu/) as an example.  Additional
[examples and demos](http://sigplot.lgsinnovations.com/).

WebPack Quick Start
================================

These instructions assume you have Node.js/NPM correctly installed on your
system.

First install webpack:

```
npm install webpack -g
```

Then create a project for the SigPlot demo and install sigplot.

```bash
mkdir sigplot-webpack
cd sigplot-webpack
npm install sigplot
```

Next, create a file called `demo.js` with the following contents:

```javascript
let sigplot = require("sigplot");
let options = {};
let plot = new sigplot.Plot(document.getElementById('plot'), options);
```

Then, create a file called `index.html` with the following contents:

```html
<html>
  <head>
    <title>SigPlot Webpack</title>
    <style>
      #plot {
        width: 600px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <div id="plot"></div>
    <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
  </body>
</html>
```

Use webpack to compile the bundle:

```bash
webpack ./demo.js bundle.js
```

Then open index.html in your webbrowser.

Help
=============
Join the discussion on [Slack](https://join.slack.com/t/sigplot/shared_invite/zt-34gdt6eb-c1vAwXR48B9YvDZvT7i1DQ).

Contributing
=====================
See [CONTRIBUTING.md](CONTRIBUTING.md).

License
=====================
Licensed to the LGS Innovations (LGS) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  LGS licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at
 
  http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.

sigplot

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README