Billboard.js: New points "swoop" in when added to existing data.

Created on 13 Nov 2018  路  3Comments  路  Source: naver/billboard.js

Description

When adding a new point to an existing data column, the new point appears in the upper-left of the chart and "swoops" to the right to its value.

Looking at the example here - https://naver.github.io/billboard.js/demo/#Data.LoadData - the 6th update (which loaded a new point into an existing data column) exhibits the same behavior.

Steps to check or reproduce

Codepen: https://codepen.io/nwpappas/pen/ZmBgvz

1 second after loading a new point will be added to 'data1'. The point appears in the upper-left and "swoops" to the right to its resting spot.

Expected Behavior

I would expect the new point to appear in place as the graph animated to the left, in order to make room for the new point.

bug

All 3 comments

@nwpappas done. Checkout the nightly.

point-transition

Awesome!

What are you thoughts about moving the chart to the left _first_ and then adding the new point; or fading the new point in shortly after the chart begins the shift to the left?

In your example, the line connecting points 2 & 3 creates an odd loop as the graph animates to the left. It is understandable why this happens, but I can see the potential for it being distracting on a graph this is updating at a frequent interval.

@nwpappas, I know what you're saying, but I don't think is a serious issue like points.
I'll be taking this in consideration for future release.
Thanks for the opinion. :)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

stevenmusumeche picture stevenmusumeche  路  3Comments

AyshvaryaLaxmiK picture AyshvaryaLaxmiK  路  5Comments

matthiaskomarek picture matthiaskomarek  路  4Comments

doubletuna picture doubletuna  路  3Comments

eweap picture eweap  路  5Comments