If you wanted to render these on a regular basis, WebGL is fairly straightforward, and works really well for this simple sort of rendering. You could do this with one polygon and a small fragment shader (treat the data as a texture, and use SDF to draw the line and fills), or use the actual geometry (render as a triangle strip; and separate the line if you want to do more interesting stuff in your fragment shader).
Show HN: Plotting 3 years of hourly data in 150ms
21–30 of 118 posts
Re: Show HN: Plotting 3 years of hourly data in 150ms
#22[deleted]
Re: Show HN: Plotting 3 years of hourly data in 150ms
#23Unfortunately, I have to use Google Analytics and Google Ads at work every day, and these UIs have absolutely terrible performance :( A small part of the problem is drawing the trend charts. So I decided to make uPlot [1] to see what was really possible. [1] https://github.com/leeoniya/uPlot
That's rather beautiful.
Re: Show HN: Plotting 3 years of hourly data in 150ms
#24Super cool! It would be great if you could provide some insight into how you built this and the kind of tricks you had to use to make this possible. Looking forward to a blog post in the future :)
Re: Show HN: Plotting 3 years of hourly data in 150ms
#25Super impressive, great job!
Re: Show HN: Plotting 3 years of hourly data in 150ms
#26I find it curious that the volume of users are similar for day of the month regardless of year. For instance the first of the month is not always the same day of the week.
Re: Show HN: Plotting 3 years of hourly data in 150ms
#27Earlier quoted context omitted.
Hi, I'm very interested in this. I've been using dask/plotly for a side project but it's just too slow. If you know dask, do you think you could discuss which features of dask your project has and doesn't have?
Here's a Dash app that use Dask & Datashader for fast aggregations on +40M rows: https://dash-gallery.plotly.host/dash-world-cell-towers The source code, which can be used as a Dash + Dask boilerplate, is here: https://github.com/plotly/dash-world-cell-towers Feel free to ask questions at community.plot.ly
I don't think that actually plots the 40M points, just aggregates them in Python and plots a small section of that data on the website?
Re: Show HN: Plotting 3 years of hourly data in 150ms
#28I didn't even read the title before clicking and was blown away at the speed. Honestly thought something acted up since you're not used to seeing things render this fast.
Re: Show HN: Plotting 3 years of hourly data in 150ms
#29I didn't even read the title before clicking and was blown away at the speed. Honestly thought something acted up since you're not used to seeing things render this fast.
interestingly, focusing on performance in web dev (and actually delivering on it) really presents new UI challenges, because users are not used to near instantaneous feedback in web-apps. you have to start adding complexity like css transitions, and UI delays just to reduce user confusion.
lol :(
Re: Show HN: Plotting 3 years of hourly data in 150ms
#30Would it be possible to allow for the cursor to still update when doing a horizontal scroll? When I move the mouse left and right it does that, but it doesn't move when I traverse the page by horizontally scrolling
Either way, just a bit of feedback on a beautiful page