Hacker News Reader

michaschwabon Show HN: Easypz.js automatically makes visualizations interactive via pan and zoom

So you're hoping I can give you the interactive version, which automatically switches between decades, years, months etc?

I can look into providing my timeline as library, but that would take a while. It's built on angular4.

michaschwabon Show HN: Easypz.js automatically makes visualizations interactive via pan and zoom

Thank you! Yeah that's right. I put up part of the official D3 gallery here, automatically applying EasyPZ: https://demos.easypz.io

In addition, you can get a EasyPZ demo of any visualization posted on GitHub gist / blocks by navigating to demos.easypz.io/[blockid]. Example: https://bl.ocks.org/027e163073864ef2ac4ceb5c2c0bf616/ becomes https://demos.easypz.io/027e163073864ef2ac4ceb5c2c0bf616 with automatic EasyPZ! Try it out on any block you like, and let me know if anything doesn't work that you think should work!

michaschwabon Show HN: Easypz.js automatically makes visualizations interactive via pan and zoom

The timeline examples are not simple .SVG files, since they need to react to zooming in by replacing decades with years with months with days and so on. I can give you a SVG file of the years-level-zoom state of the timeline, and you could zoom in and out, but it wouldn't change the dates etc unless you would code that in JavaScript. Does this help?