the structure that will be linked to the slider of the page.
Adds a button to the page.
the text of the button.
function to execute when button is clicked.
text displayed when button is hovered over.
if set to true then the button will not be disabled when in the middle of the timeline set to true for buttons that do not affect the state of the structure
Adds a green btn color if true.
Stops animations from occurring.
Starts the animations going along the timeline. With a new transition occurring every ms
milliseconds.
Toggles the play pause state.
A helper function that saves the state of the structure and then transitions to the newest state.
Equivalent to this.structure.pushState(); this.updateSliderAndTransition();
.
Updates the slider to match the number of states in the timeline of the structure.
Makes the slider match the number of states of the structure and applies the last state.
Adds a text input button to the page with placeholder text and a width specified in rem
.
id
becomes the DOM id of the element. See graphTraversal.ts for an example of it's usage.
Adds markdown to the Visualization info modal
a multiline markdown formatted string.
Returns the current size of the main svg element of the page in the form [width, height]
where both width
and height
are in pixels. Best used for placing structures
Generated using TypeDoc
This class abstracts connecting the structure to the webpage. It connects the given structure to the slider and has methods for adding buttons, text inputs, etc.