Info

Open Website

Testing and Issues

You can test this app and submit issues during the testing period of the JavaScript Chart contest.

Entries with serious issues will not be able to win the contest, but even minor issues might be important for overall results.

Voting

1742
by rating

Issues

Fair Mammoth May 8, 2019 at 13:27
— Overall performance is average.

— Sloppy vertical scrolling.
— The third graph zooming is broken. It happens right after you tap the point on the graph.
— Dates are overlapped when scrolling.
— The last graph is slightly slow when filtering on Samsung Galaxy J7 (2017), Android 8.1.
— Bonus goal is implemented. However, the animations are slightly harsh.
___
Upd.: All the graphs are empty on Android in some cases, (the attached video #1), vertical scrolling is not smooth (the attached video #2) on Galaxy J7.
iPhone 5S, iOS 12.1; Samsung Galaxy J7 (2017), Android 8.1.
30
Slim Peacock May 10, 2019 at 12:02
Performance evaluation is questionable. I tested on my cheap phone from 2016 and some of as you called "above average" shows worse perfomance than my chart.

What do you mean by sloppy scrolling and dates overlapping?
--
upd:
1) Couldn't reproduce this issue on 7 devices and 2 emulators
2) maybe because touch event conflicts with minimap listner, easy to fix
Chart 2Y: preview not starts from min value
MBP 2018 15, Mojave, Chrome
20
Slim Peacock Apr 19, 2019 at 16:41
minor issue, easy to fix
Line 1Y: no smooth animation when toggle data filters
MBP 2018 15, Mojave, Chrome
20
Slim Peacock Apr 18, 2019 at 11:35
Agree. Animation is really present, but it is too short and too fast.
Stacked: wrong date for last right bar
MBP 2018 15, Mojave, Chrome
20
Slim Peacock Apr 18, 2019 at 11:47
Agreed. Actually, real issue is that rightmost bar is placed after chart edge. It is not drawn, though values can be accessed by moving pointer a bit over the edge. Issue can be easily fixed.
Sometimes zoom stops to work with NaN everywhere.
Iphone x
20
Slim Peacock Apr 19, 2019 at 16:40
known issue, had no time to fix it
Fair Quokka May 8, 2019 at 16:53
All the graphs blink on vertical scrolling.
iPhone XS Max, iOS 12.2
20
Slim Peacock May 8, 2019 at 17:55
Interesting. Couldn't reproduce this on my ipad, neither I have iphone and mac to debug this behavior. Google says that this may be a Safari bug and I'm just needed to add one css rule to page.
Fair Mammoth May 12, 2019 at 00:15
The graph #4 disappears after filtering the zoomed version.
iPhone XS, iOS 12.1
20
Slim Peacock May 12, 2019 at 00:28
Oops. Easy fixable, though
Not working in IE11
Invalid state after many zoomin/zoomout in pie chart (Chrome)

but I like transition animations. voted
Windows 8/IE11/Chrome 73
1
Slim Peacock Apr 22, 2019 at 13:53
> Not working in IE11
That's because of some es6 features (such as classes). They could be transpiled for IE and other old browsers, but result will look too tricky. And TG asked not to obfuscate sources.

> Invalid state after many zoomin/zoomout
It's common for all charts and have been metioned two issues above. But thanks anyway.
- no smooth animation between values
- parts of long numbers separates by ",", but not by " "
- strange values on the y axis
- text animation works not every time
Macbook Pro 13" late 2013 / Opera / macOS 10.14.3
Slim Peacock Apr 17, 2019 at 15:33
- animation plays only when value have significant change to avoid labels jiggle for a few pixels

- in english typography comma is used as separator. Space used in russan

- what do you mean by strange values? If you mean something like "162.79K", so this is for greater accuracy

- text animations are disabled on fast transitions to avoid dirty feel of interface. Delay is somewhere near half of a second
Stacked: red values not visible
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 17, 2019 at 19:43
Because they take less than 1% (sometimes less than 0.2%) of total chart height and become almost transparent. However on your screenshot they are acually visible
Bars: when zooms - no preview for chart
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 17, 2019 at 19:47
It is official desing feature, check demo video https://t.me/contest/62 or Contest_Stage_2/JS/JS_8.png
Line 1Y: date render outside of chart
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 17, 2019 at 19:55
Labels render same way as lines. Check the first demo video from stage 1 https://t.me/contest/7 or newer from stage 2 - labels outside chart is ok
Bars: wrong date for last right bar
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 18, 2019 at 11:47
Agreed. Actually, real issue is that rightmost bar is placed after chart edge. It is not drawn, though values can be accessed by moving pointer a bit over the edge. Issue can be easily fixed.
Percentage: wrong date for last right bar
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 17, 2019 at 20:11
Actually it works. Same as on line charts.
https://i.imgur.com/xvj6Cs4.png
Stacked: preview not scaled to max Y value
MBP 2018 15, Mojave, Chrome
Slim Peacock Apr 19, 2019 at 16:41
minor issue, easy to fix
D
Deleted Account Apr 17, 2019 at 22:22
All controls get turned off after long tap, but charts not completely updated
Safari/iPhone SE
Slim Peacock Apr 17, 2019 at 23:17
tested on ios and android and couldn't get this error. Please provide more details
D
Deleted Account Apr 18, 2019 at 22:38
As you asked. Long tap for control buttons doesn’t work on iPhone se, it just turns off all controls
iPhone SE/safari
Slim Peacock Apr 19, 2019 at 16:35
Thanks. Still can't reproduce on my ipad. I think it should be easy fixable if I find iphone somewhere
Slim Peacock Apr 19, 2019 at 11:01
Dot with big value in on the edge of veiwport, so it affects scale. Other way it would be too close to chart top and would look dirty. Minor design issue, easy to change
2 bugs:
1) If you tap an graph in the place where the tooltip appears - a zoom will occur immediately
2) After the zoom from point 1 - you cannot zoomout
Windows 10, Chrome 73.0.3683.103
Slim Peacock Apr 20, 2019 at 12:25
Good issue, thanks. Easy fixable though
Last chart has NaN values for first day. Try to select first day at chart and you will get empty result how on screen
Slim Peacock Apr 21, 2019 at 20:39
Duplicate
Performance isnt so good but animation is really awesome. Like it
Slim Peacock Apr 22, 2019 at 17:31
Thanks. Wich device has perfomance issues?
Wrong percentage and values displayed in the pie chart if you compare them to the related date's values and percentage.
Chrome 73
Slim Peacock Apr 23, 2019 at 12:04
Good issue, thanks
The pie chart is completely broken for the couple dates at the beginning and at the end of the chart. That breaks the usage of the chart until page reload.
Chrome 73
Slim Peacock Apr 23, 2019 at 12:04
It's common for all charts and have been metioned three issues above. 
Wrong design of switched off buttons
Chrome 73
Slim Peacock Apr 23, 2019 at 12:09
Yes, I tried so patiently to reproduce all animations, that I missed screenshot with buttons toggled off
The dates format is not as required by the contest specifications
Chrome 73
Slim Peacock Apr 23, 2019 at 12:18
Years on x-axis is a feature for huge intervals.

Names of week days in interval are shown in short format because on devices with small screen, for example on iphone 5, chart title and interval sometimes don't fit on one line, because day names can be too long.

"Mar 4" instead of "4 Mar" is a good point, stayed like that from stage 1. Easy to change
No pie chart sector separation on hover / touch / click

Anyways, I think it's unfair for such a work to have so many dislikes. All bonus tasks have been implemented and the design guidelines are mostly followed.
Chrome 73
Slim Peacock Apr 23, 2019 at 12:20
Thanks. Had no time to implement this feature, but have plan how to do it
Nobody added any issues yet...