lib/components/about-plotly/about-plotly.component.ts
Expansion panel content about Plotly.
See https://plotly.com/javascript/
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | nshmp-about-plotly |
| standalone | true |
| templateUrl | ./about-plotly.component.html |
| styleUrl | ./about-plotly.component.scss |
constructor()
|
import {ChangeDetectionStrategy, Component} from '@angular/core';
/**
* Expansion panel content about Plotly.
*
* @see https://plotly.com/javascript/
*/
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'nshmp-about-plotly',
standalone: true,
styleUrl: './about-plotly.component.scss',
templateUrl: './about-plotly.component.html',
})
export class NshmpAboutPlotlyComponent {
constructor() {}
}
<div>
<h3>Plots</h3>
<div class="plotly-logo">
<a href="https://plotly.com/javascript/" target="_blank">
<img src="assets/plotly/plotly-logo.png" alt="Plotly" />
</a>
</div>
<p>
This application uses the
<a href="https://plotly.com/javascript/" target="_blank">Plotly</a>
graphing library to produce the plots.
</p>
<p>
In the top right corner above the plot are various controls to download the plot, zoom, pan,
select, and more. Hover over each control icon to see what it does.
</p>
</div>