Re:D3 map scrollers
by sktrdie on Tuesday May 31, 2016 @03:37AM
(#11805243)
I really think the power of D3.js is within the ability to do "view source" or "inspect element" and look into exactly how things are rendered and being able to change things dynamically to reproduce your needed behavior. You really don't have this power with other charting libraries/tools/frameworks.
You can't do this with <canvas /> and that's why I think it falls a bit short. With the virtual DOM it also gets harder "changing stuff from the console", but I guess there are extensions that allow you to do that as well.
But anyway, the DOM seems like a great abstraction, not just for doing UI, but also for building complex dataviz. But not because of performance, or because it's on "the Web". Simply because it's transparent and allows for copy-paste viral effect. We should keep this in mind when building future platforms.
Re:D3 map scrollers
by maze-le on Tuesday May 31, 2016 @04:04AM
(#11805335)
Albeit, you can also work witch canvas, when using D3.js. This is especially useful, when you want to max out performance, wich is not the very best when using svg.
Being someone who has never used D3.js, every time I see a story about D3 I think of Blizzard's Diablo 3 title. My thought on this headline was "Hey, that's cool... Someone wrote a hack that allows you to scroll around D3 maps!" I was thoroughly disappointed. :(
You can't do this with <canvas /> and that's why I think it falls a bit short. With the virtual DOM it also gets harder "changing stuff from the console", but I guess there are extensions that allow you to do that as well.
But anyway, the DOM seems like a great abstraction, not just for doing UI, but also for building complex dataviz. But not because of performance, or because it's on "the Web". Simply because it's transparent and allows for copy-paste viral effect. We should keep this in mind when building future platforms.
Too bad you can't fix it as it is now, it'll be nice if somehow for a limited time you could revert your vote.
https://github.com/1wheel/graph-scroll
https://github.com/WSJ/scroll-watcher
And the classic blog post:
http://vallandingham.me/scroller.html
There's also some minor horizontal scroll which makes the experience slightly weird, but this can easily be fixed with overflow-x: hidden;
[1] http://vallandingham.me/scroller.html
https://codyhouse.co/demo/reading-progress-indicator/index.h...
http://tympanus.net/Development/StorytellingMap/