seisplotjs 3.1.3 | Documentation

seisplotjs

3.1.3

BBoxType
MarkerHolderType
SEISMOGRAPH_ELEMENT
seismograph_css
COLOR_CSS_ID
Seismograph ▸
SeismographAmplitudeScalable ▸
- Instance members
- #graph
- #drawHalfWidth
- #drawMiddle
- #notifyAmplitudeChange
ZERO_DURATION
SeismographTimeScalable ▸
- Instance members
- #graph
- #drawAlignmentTimeOffset
- #drawDuration
- #notifyTimeRangeChange
createMarkersForTravelTimes
createMarkerForOriginTime
createFullMarkersForQuakeAtStation
createFullMarkersForQuakeAtChannel
createMarkerForQuakePicks
createMarkerForPicks
createNumberFormatWrapper
createDateFormatWrapper
SeisMouseEventType

Need help reading this?

BBoxType

src/seismograph.ts

BBoxType

Type: {height: number, width: number}

Properties

height (number)

width (number)

MarkerHolderType

src/seismograph.ts

MarkerHolderType

Type: {marker: MarkerType, sdd: SeismogramDisplayData, xscale: axisutil.LuxonTimeScale, bbox: BBoxType?}

Properties

marker (MarkerType)

sdd (SeismogramDisplayData)

xscale (axisutil.LuxonTimeScale)

bbox (BBoxType?)

SEISMOGRAPH_ELEMENT

src/seismograph.ts

SEISMOGRAPH_ELEMENT

Type: string

seismograph_css

src/seismograph.ts

seismograph_css

COLOR_CSS_ID

src/seismograph.ts

COLOR_CSS_ID

Type: string

Seismograph

src/seismograph.ts

new Seismograph(seisData: (SeismogramDisplayData | Array<SeismogramDisplayData>)?, seisConfig: SeismographConfig?)

Extends SeisPlotElement

Parameters

seisData ((SeismogramDisplayData | Array<SeismogramDisplayData>)?)

seisConfig (SeismographConfig?)

Instance Members

▸ plotId

src/seismograph.ts

plotId

Type: number

▸ beforeFirstDraw

src/seismograph.ts

beforeFirstDraw

▸ width

src/seismograph.ts

width

Type: number

▸ height

src/seismograph.ts

height

Type: number

▸ outerWidth

src/seismograph.ts

outerWidth

Type: number

▸ outerHeight

src/seismograph.ts

outerHeight

Type: number

▸ svg

src/seismograph.ts

svg

Type: Selection<SVGSVGElement, any, null, undefined>

▸ canvasHolder

src/seismograph.ts

canvasHolder

Type: (null | Selection<SVGForeignObjectElement, any, null, undefined>)

▸ canvas

src/seismograph.ts

canvas

Type: (null | Selection<HTMLCanvasElement, any, null, undefined>)

▸ g

src/seismograph.ts

g

Type: Selection<SVGGElement, any, null, undefined>

▸ throttleRescale

src/seismograph.ts

throttleRescale

Type: (ReturnType<any> | null)

▸ throttleRedraw

src/seismograph.ts

throttleRedraw

Type: (ReturnType<any> | null)

▸ time_scalable

src/seismograph.ts

time_scalable

Type: SeismographTimeScalable

▸ amp_scalable

src/seismograph.ts

amp_scalable

Type: SeismographAmplitudeScalable

▸ _resizeObserver

src/seismograph.ts

_resizeObserver

Type: ResizeObserver

▸ minmax_sample_pixels

src/seismograph.ts

minmax_sample_pixels

▸ seisData

src/seismograph.ts

seisData

▸ seisData

src/seismograph.ts

seisData

Type: Array<SeismogramDisplayData>

Parameters

seisData (Array<SeismogramDisplayData>)

▸ seismographConfig

src/seismograph.ts

seismographConfig

▸ seismographConfig

src/seismograph.ts

seismographConfig

Type: SeismographConfig

Parameters

seismographConfig (SeismographConfig)

▸ connectedCallback()

src/seismograph.ts

connectedCallback()

▸ disconnectedCallback()

src/seismograph.ts

disconnectedCallback()

▸ attributeChangedCallback(name, oldValue, newValue)

src/seismograph.ts

attributeChangedCallback(name: string, oldValue: string, newValue: string)

Parameters

name (string)

oldValue (string)

newValue (string)

▸ checkResize()

src/seismograph.ts

checkResize(): boolean

Returns

boolean

▸ enableZoom()

src/seismograph.ts

enableZoom(): void

Returns

void

▸ draw()

src/seismograph.ts

draw(): void

Returns

void

▸ printSizes()

src/seismograph.ts

printSizes(): void

Returns

void

▸ calcDetailForEvent(evt, type?)

src/seismograph.ts

calcDetailForEvent(evt: MouseEvent, type: string?): SeisMouseEventType

Parameters

evt (MouseEvent)

type (string?)

Returns

SeisMouseEventType

▸ isVisible()

src/seismograph.ts

isVisible(): boolean

Returns

boolean

▸ drawSeismograms()

src/seismograph.ts

drawSeismograms(): void

Returns

void

▸ calcScaleAndZoom()

src/seismograph.ts

calcScaleAndZoom(): void

Returns

void

▸ ampScaleForSeisDisplayData(sdd)

src/seismograph.ts

ampScaleForSeisDisplayData(sdd: SeismogramDisplayData): ScaleLinear<number, number, never>

Parameters

sdd (SeismogramDisplayData)

Returns

ScaleLinear<number, number, never>

▸ displayTimeRangeForSeisDisplayData(sdd)

src/seismograph.ts

displayTimeRangeForSeisDisplayData(sdd: SeismogramDisplayData): Interval

Parameters

sdd (SeismogramDisplayData)

Returns

Interval

▸ timeScaleForSeisDisplayData(sdd?)

src/seismograph.ts

timeScaleForSeisDisplayData(sdd: (SeismogramDisplayData | Interval)?): axisutil.LuxonTimeScale

Parameters

sdd ((SeismogramDisplayData | Interval)?)

Returns

axisutil.LuxonTimeScale

▸ drawAxis()

src/seismograph.ts

Draws the top, bottom, (time) axis and the left and right (amplitude) axis if configured.

drawAxis(): void

Returns

void

▸ ampScaleForAxis()

src/seismograph.ts

ampScaleForAxis(): ScaleLinear<number, number, never>

Returns

ScaleLinear<number, number, never>

▸ timeScaleForAxis()

src/seismograph.ts

timeScaleForAxis(): (ScaleLinear<number, number, never> | axisutil.LuxonTimeScale)

Returns

(ScaleLinear<number, number, never> | axisutil.LuxonTimeScale)

▸ drawTopBottomAxis()

src/seismograph.ts

Draws the left and right (amplitude) axis if configured.

drawTopBottomAxis(): void

Returns

void

▸ drawLeftRightAxis()

src/seismograph.ts

Draws the left and right (amplitude) axis if configured.

drawLeftRightAxis(): void

Returns

void

▸ createLeftRightAxis()

src/seismograph.ts

createLeftRightAxis(): Array<(Axis<d3NumberValue> | null)>

Returns

Array<(Axis<d3NumberValue> | null)>

▸ rescaleYAxis()

src/seismograph.ts

rescaleYAxis(): void

Returns

void

▸ createHandlebarsInput()

src/seismograph.ts

createHandlebarsInput(): HandlebarsInput

Returns

HandlebarsInput

▸ drawAxisLabels()

src/seismograph.ts

drawAxisLabels(): void

Returns

void

▸ resetZoom()

src/seismograph.ts

resetZoom(): void

Returns

void

▸ zoomed(e)

src/seismograph.ts

zoomed(e: any): void

Parameters

e (any)

Returns

void

▸ redrawWithXScale()

src/seismograph.ts

redrawWithXScale(): void

Returns

void

▸ drawMarkers()

src/seismograph.ts

drawMarkers()

▸ calcWidthHeight(nOuterWidth, nOuterHeight)

src/seismograph.ts

calcWidthHeight(nOuterWidth: number, nOuterHeight: number): void

Parameters

nOuterWidth (number)

nOuterHeight (number)

Returns

void

▸ drawTitle()

src/seismograph.ts

drawTitle()

▸ drawXLabel()

src/seismograph.ts

drawXLabel()

▸ drawXSublabel()

src/seismograph.ts

drawXSublabel()

▸ drawYLabel()

src/seismograph.ts

drawYLabel()

▸ drawYSublabel()

src/seismograph.ts

drawYSublabel()

▸ calcTimeScaleDomain()

src/seismograph.ts

Update the duration if not already set. This only matters for linedTimeScale currently.

calcTimeScaleDomain(): void

Returns

void

▸ calcAmpScaleDomain()

src/seismograph.ts

Calculate the amplitude range over the current time range, depending on amplitude style.

calcAmpScaleDomain(): MinMaxable

Returns

MinMaxable: min max over the time range

▸ recheckAmpScaleDomain()

src/seismograph.ts

recheckAmpScaleDomain(): void

Returns

void

▸ redoDisplayYScale()

src/seismograph.ts

redoDisplayYScale(): void

Returns

void

▸ getSeismogramData()

src/seismograph.ts

getSeismogramData(): Array<SeismogramDisplayData>

Returns

Array<SeismogramDisplayData>

▸ appendSeisData(seismogram)

src/seismograph.ts

appends the seismogram(s) or SeismogramDisplayData as separate time series.

appendSeisData(seismogram: (Array<Seismogram> | Array<SeismogramDisplayData> | Seismogram | SeismogramDisplayData))

Parameters

seismogram ((Array<Seismogram> | Array<SeismogramDisplayData> | Seismogram | SeismogramDisplayData)) data to append

▸ seisDataUpdated()

src/seismograph.ts

Notification to the element that something about the current seismogram data has changed. This could be that the actual waveform data has been updated or that auxillary data like quake or channel has been added. This should trigger a redraw.

seisDataUpdated()

▸ getDisplayDataForSeismogram(seis)

src/seismograph.ts

Finds the SeismogramDisplayData within the display containing the given Seismogram.

getDisplayDataForSeismogram(seis: Seismogram): (SeismogramDisplayData | null)

Parameters

seis (Seismogram) seismogram to search for

Returns

(SeismogramDisplayData | null): SeismogramDisplayData if found or null if not

▸ removeSeisData(seisData)

src/seismograph.ts

Removes a seismogram from the display.

removeSeisData(seisData: SeismogramDisplayData): void

Parameters

seisData (SeismogramDisplayData) seis data to remove

Returns

void

▸ trim(timeRange)

src/seismograph.ts

Removes seismograms that do not overlap the window.

trim(timeRange: Interval): void

Parameters

timeRange (Interval) overlap data to keep

Returns

void

SeismographAmplitudeScalable

src/seismograph.ts

new SeismographAmplitudeScalable(graph: Seismograph)

Extends AmplitudeScalable

Parameters

graph (Seismograph)

Instance Members

▸ graph

src/seismograph.ts

graph

Type: Seismograph

▸ drawHalfWidth

src/seismograph.ts

drawHalfWidth

Type: number

▸ drawMiddle

src/seismograph.ts

drawMiddle

Type: number

▸ notifyAmplitudeChange(middle, halfWidth)

src/seismograph.ts

notifyAmplitudeChange(middle: number, halfWidth: number)

Parameters

middle (number)

halfWidth (number)

ZERO_DURATION

src/seismograph.ts

ZERO_DURATION

SeismographTimeScalable

src/seismograph.ts

new SeismographTimeScalable(graph: Seismograph, alignmentTimeOffset: Duration, duration: Duration)

Extends TimeScalable

Parameters

graph (Seismograph)

alignmentTimeOffset (Duration)

duration (Duration)

Instance Members

▸ graph

src/seismograph.ts

graph

Type: Seismograph

▸ drawAlignmentTimeOffset

src/seismograph.ts

drawAlignmentTimeOffset

Type: Duration

▸ drawDuration

src/seismograph.ts

drawDuration

Type: Duration

▸ notifyTimeRangeChange(offset, duration)

src/seismograph.ts

notifyTimeRangeChange(offset: Duration, duration: Duration)

Parameters

offset (Duration)

duration (Duration)

createMarkersForTravelTimes

src/seismograph.ts

Creates Markers for all of the arrivals in ttime.arrivals, relative to the given Quake.

createMarkersForTravelTimes(quake: Quake, ttime: TraveltimeJsonType): Array<MarkerType>

Parameters

quake (Quake) quake the travel times are relative to

ttime (TraveltimeJsonType) travel times json object as returned from the IRIS traveltime web service, or the json output of TauP

Returns

Array<MarkerType>: array of Markers suitable for adding to a seismograph

createMarkerForOriginTime

src/seismograph.ts

Creates a Marker for the origin time in ttime.arrivals, for the given Quake.

createMarkerForOriginTime(quake: Quake): MarkerType

Parameters

quake (Quake) quake the travel times are relative to

Returns

MarkerType: Marker suitable for adding to a seismograph

createFullMarkersForQuakeAtStation

src/seismograph.ts

createFullMarkersForQuakeAtStation(quake: Quake, station: Station): Array<MarkerType>

Parameters

quake (Quake)

station (Station)

Returns

Array<MarkerType>

createFullMarkersForQuakeAtChannel

src/seismograph.ts

createFullMarkersForQuakeAtChannel(quake: Quake, channel: Channel): Array<MarkerType>

Parameters

quake (Quake)

channel (Channel)

Returns

Array<MarkerType>

createMarkerForQuakePicks

src/seismograph.ts

Creates a Marker for the picked arrival times in quake.pickList, for the given Quake.

createMarkerForQuakePicks(quake: Quake, channel: Channel): Array<MarkerType>

Parameters

quake (Quake) quake the travel times are relative to

channel (Channel) channel picks made on

Returns

Array<MarkerType>: Marker suitable for adding to a seismograph

createMarkerForPicks

src/seismograph.ts

Creates a Marker for the picked arrival times in quake.arrivals, for the given Quake.

createMarkerForPicks(origin: Origin, channel: Channel): Array<MarkerType>

Parameters

origin (Origin) quake the travel times are relative to

channel (Channel) channel picks made on

Returns

Array<MarkerType>: Marker suitable for adding to a seismograph

createNumberFormatWrapper

src/seismograph.ts

Creates a wrapper for d3 formatter for numbers for axis that keeps typescript happy.

createNumberFormatWrapper(formatter: function (value: number): string): function (nValue: d3NumberValue): string

Parameters

formatter (function (value: number): string) simple formatter

Returns

function (nValue: d3NumberValue): string: function that converts input types

createDateFormatWrapper

src/seismograph.ts

Creates a wrapper for d3 formatter for Dates for axis that keeps typescript happy.

createDateFormatWrapper(formatter: function (value: Date): string): function (nValue: (Date | d3NumberValue), index: number): string

Parameters

formatter (function (value: Date): string) simple formatter

Returns

function (nValue: (Date | d3NumberValue), index: number): string: function that converts input types

SeisMouseEventType

src/seismograph.ts

SeisMouseEventType

Type: {mouseevent: MouseEvent, time: (DateTime | null), relative_time: (Duration | null), amplitude: number, seismograph: Seismograph}

Properties

mouseevent (MouseEvent)

time ((DateTime | null))

relative_time ((Duration | null))

amplitude (number)

seismograph (Seismograph)