Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
d3plus-timeline
Advanced tools
Readme
An easy-to-use javascript timeline.
If using npm, npm install d3plus-timeline
. Otherwise, you can download the latest release from GitHub or load from a CDN.
import modules from "d3plus-timeline";
d3plus-timeline can be loaded as a standalone library or bundled as part of D3plus. ES modules, AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3plus
global is exported:
<script src="https://cdn.jsdelivr.net/npm/d3plus-timeline@1"></script>
<script>
console.log(d3plus);
</script>
Live examples can be found on d3plus.org, which includes a collection of example visualizations using d3plus-react. These examples are powered by the d3plus-storybook repo, and PRs are always welcome. :beers:
This is a global class, and extends all of the methods and functionality of Axis
.
Axis
# Timeline.render([callback]) <>
Draws the timeline.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.buttonPadding([value]) <>
If value is specified, sets the button padding and returns the current class instance. If value is not specified, returns the current button padding.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.brushing([value]) <>
If value is specified, toggles the brushing value and returns the current class instance. If value is not specified, returns the current brushing value.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.brushFilter([value]) <>
If value is specified, sets the brush event filter and returns the current class instance. If value is not specified, returns the current brush event filter.
This is a static method of Timeline
, and is chainable with other methods of this Class.
function() {
return !event.button && event.detail < 2;
}
# Timeline.brushMin([value]) <>
Sets the minimum number of "ticks" to allow to be highlighted when using "ticks" buttonBehavior. Helpful when using x/y plots where you don't want the user to select less than 2 time periods. Value passed can either be a static Number, or a function that is expected to return a Number.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.buttonAlign([value]) <>
If value is specified, toggles the horizontal alignment of the button timeline. Accepted values are "start"
, "middle"
and "end"
. If value is not specified, returns the current button value.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.buttonBehavior([value]) <>
If value is specified, toggles the style of the timeline. Accepted values are "auto"
, "buttons"
and "ticks"
. If value is not specified, returns the current button value.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.buttonHeight([value]) <>
If value is specified, sets the button height and returns the current class instance. If value is not specified, returns the current button height.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.handleConfig([value]) <>
If value is specified, sets the handle style and returns the current class instance. If value is not specified, returns the current handle style.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.handleSize([value]) <>
If value is specified, sets the handle size and returns the current class instance. If value is not specified, returns the current handle size.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.on([typename], [listener]) <>
Adds or removes a listener for the specified brush event typename. If a listener is not specified, returns the currently-assigned listener for the specified event typename. Mirrors the core d3-brush behavior.
This is a static method of Timeline
, and is chainable with other methods of this Class.
Param | Type |
---|---|
[typename] | String | Object |
[listener] | function |
# Timeline.playButton([value]) <>
Determines the visibility of the play button to the left the of timeline, which will cycle through the available periods at a rate defined by the playButtonInterval method.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.playButtonConfig([value]) <>
The config Object for the Rect class used to create the playButton.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.playButtonInterval([value]) <>
The value, in milliseconds, to use when cycling through the available time periods when the user clicks the playButton.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.selectionConfig([value]) <>
If value is specified, sets the selection style and returns the current class instance. If value is not specified, returns the current selection style.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.selection([value]) <>
If value is specified, sets the selection and returns the current class instance. If value is not specified, returns the current selection. Defaults to the most recent year in the timeline.
This is a static method of Timeline
, and is chainable with other methods of this Class.
# Timeline.snapping([value]) <>
If value is specified, toggles the snapping value and returns the current class instance. If value is not specified, returns the current snapping value.
This is a static method of Timeline
, and is chainable with other methods of this Class.
FAQs
An easy-to-use javascript timeline.
The npm package d3plus-timeline receives a total of 517 weekly downloads. As such, d3plus-timeline popularity was classified as not popular.
We found that d3plus-timeline demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.