search

WPFerg / wpferg.github.io

Github Pages
5 stars 3 forks source link

Using D3 version 4 #1

Open ux-engineer opened 7 years ago

ux-engineer commented 7 years ago

Could you refactor this using V4 now that it has been out for a half a year or so?

Thanks for the great article about sampling large dataset!

WPFerg commented 7 years ago

Apologies, I'd only just seen this now. I'm guessing you mean d3fc-samplers? I'll see what I can do (hopefully it'll be simple but I think it's using a year-old version of D3FC so it might be a bit of work)

Thanks for the feedback about the article :)

ux-engineer commented 7 years ago

I've started using d3fc-sample, yes you must have meant this very same plugin.

I've got it working but am now in the progress of marrying these together:

Brush/zoom for implementing navigator functionality, as in this V4 block demo: https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172

Responsive reloading chart as demonstrated in this v3 tutorial (but in this case having a full screen chart and not with a set aspect ratio) : http://blog.webkid.io/responsive-chart-usability-d3/

And with this downsampling...so that it is resampled after each browser window resize event and after brush end event.

Our use case has 4 million datapoints in total in two line paths so performance optimization is an consideration :)

PS. As there has been so little of D3FC tutorials on D3 v4, I'm doing this with D3 native + d3fc-sample plugin.