https://github.com/geontech/sigplot-example
Angular web app showcasing SigPlot Components via sigplot-ng and sigplot-ts
https://github.com/geontech/sigplot-example
angular angular-components sigplot
Last synced: 12 months ago
JSON representation
Angular web app showcasing SigPlot Components via sigplot-ng and sigplot-ts
- Host: GitHub
- URL: https://github.com/geontech/sigplot-example
- Owner: Geontech
- License: gpl-3.0
- Created: 2017-10-17T19:38:32.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-02T15:11:50.000Z (over 8 years ago)
- Last Synced: 2025-01-21T12:48:41.606Z (about 1 year ago)
- Topics: angular, angular-components, sigplot
- Language: TypeScript
- Homepage: https://geontech.github.io/sigplot-example
- Size: 2.38 MB
- Stars: 1
- Watchers: 6
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SigPlot Angular Components Example
This project was built using Angular CLI 1.4.2 along with Geon's [Angular Components for Sigplot][sigplot-ng], [type-friendly extensions][sigplot-ts], and LGS Innovation's [SigPlot][sigplot].
## Installation of the App
Run `npm install`.
## Development Server
Run `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
If you would like to develop with linked libraries or exposing the webserver to your external network interface, use `npm start:dev`.
## Make Your Own
See the Angular CLI documentation for more details, however the gist is:
```bash
npm install -g @angular/cli
ng new my-app
cd my-app
npm install --save \
sigplot-ng \
sigplot-ts \
sigplot@git://github.com/geontech/sigplot.git#develop-2.0-ts
```
> Note: At this time, the implementation uses a fork of LGS Innovation's `develop-2.0` branch which contains minor changes: adding `plugins` to the base module, and extensive typings definitions. We intend to submit a pull request to get these changes merged soon.
Next, in your application's top module, import the SigPlot Components Module (to gain access to the components):
```typescript
import { SigPlotComponentsModule } from 'sigplot-ng';
// At your NgModule
@NgModule({
imports: [
SigPlotComponentsModule
]
})
export class YourModule {}
```
The additional types used in this library as well as mirrors of the Typings found in `sigplot` are provided by `sigplot-ts`.
[sigplot]: https://www.npmjs.com/package/sigplot
[sigplot-ng]: https://www.npmjs.com/package/sigplot-ng
[sigplot-ts]: https://www.npmjs.com/package/sigplot-ts