How to use the d3-transition.transition.call function in d3-transition
To help you get started, we’ve selected a few d3-transition examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
jkuri / d3-car-dashboard / src / components / SpeedGauge / SpeedGauge.tsx View on Github 
private setValue(value: number, duration: number) {
const minAngle = -160;
const maxAngle = 150;
const angleRange = maxAngle - minAngle;
const angle = minAngle + (this.scale(value) * angleRange);
this.speedText.text(value);
transition.call(this.needle)
.select(() => this.needle.node())
.duration(duration)
.ease(easeCubicInOut)
.attr('transform', `rotate(${angle})`);
}
}private setValue(value: number, duration: number) {
const minAngle = -160;
const maxAngle = 90;
const angleRange = maxAngle - minAngle;
const angle = minAngle + (this.scale(value) * angleRange);
transition.call(this.needle)
.select(() => this.needle.node())
.duration(duration)
.ease(easeCubicInOut)
.attr('transform', `rotate(${angle})`);
}
}d3-transition
Animated transitions for D3 selections.
