-
Currently using Chart.js for the charts and graphs for the Wait Wait Graphs Site; but, now considering switching over to Plotly.js in order to get things like heatmaps. Plus, going from the current version to the next version of Chart.js requires making breaking changes...Permalink On twitter.com
Mood +2 🙂
-
That said, I'm a bit hesitant looking at the size of the pre-compressed minified JS for Plotly.js: 3.3 MB 😬 Pretty huge jump up from the 226 KB pre-compressed and minified JS file for Chart.js.Permalink On twitter.com
Mood 0
-
Of course, Plotly.js has a whole lot more chart types, interactive features and user-focused features that Chart.js just cannot compete with. Plus, I can choose to use the Python library; though, it would still require the JS for frontend stuff.Permalink On twitter.com
❤️ 1 Favorite
Mood 0
-
I suppose it's better that I use it on a much lower-volume site compared to the primary Stats Page or the Reports Site. That was why I chose to make them separate sites when I started designing the whole thing: 3 sites for 3 different purposes with possibly 3 different UI/UX.Permalink On twitter.com
Mood +2 🙂
-
Well, I've started migrating the charts and graphs over to Plotly.js. It's interesting that the default plotting colors are darn, darn near the original colors that I set for Chart.js that I opted for the defaults. I also had to port over part of the dark mode detection code.On twitter.com
❤️ 1 Favorite
Mood +2 🙂
-
I've chosen to do away with the full grid lines and opted to only do y-axis lines. I'll might tackle alignment of the two y-axes grids later on. Before AfterPermalink On twitter.com
❤️ 3 Favorites
Mood 0
-
Darn IE and the lack of Math.max(...array) support...Permalink On twitter.com
Mood 0
-
Well... I think things look good with testing out the cutover from Chart.js over to Plotly.js for the Wait Wait Graphs Site in the test environment. Now, to approve the pull request and get this thing into production! 😬Permalink On twitter.com
Mood +3 🙂
-
Well, here goes nothing!Permalink On twitter.com
❤️ 1 Favorite
Mood 0
-
The deed has been done. Now, to ship this to the live site.Permalink On twitter.com
❤️ 1 Favorite
Mood 0
-
Code has been deployed and is now live at graphs.wwdt.me! 🎉 Say goodbye to Chart.js and say hello to @plotlygraphs everyone! The charts can now be zoomed and panned for a closer to look at the data and hovers have been simplified and should now render even faster.Permalink On twitter.com
Mood +3 🙂