Graph 如何制作：由滚动条控制的svg图形
纽约时报刚刚制作了这部漂亮的图表动画，你知道它背后有什么技术吗Graph 如何制作：由滚动条控制的svg图形,graph,interactive,Graph,Interactive,纽约时报刚刚制作了这部漂亮的图表动画，你知道它背后有什么技术吗 在引擎盖下使用SVG看起来像是非常经典的D3。不确定滚动条业务是如何工作的，但我发现它在IE11中不起作用，因此它可能是库驱动的，而不是在浏览器中正常工作的本机SVG/JavaScript。曲线插值的底层技术可以使用SMIL以自然的方式完成，也可以通过JavaScript完成，但是可以对Bezier曲线的控制点的值进行二次或三次插值。看见 例如，曲线插值。你会注意到Firefox仍然不能处理这个页面上的第二个动画，但我想我从来没有抽
在引擎盖下使用SVG看起来像是非常经典的D3。不确定滚动条业务是如何工作的，但我发现它在IE11中不起作用，因此它可能是库驱动的，而不是在浏览器中正常工作的本机SVG/JavaScript。曲线插值的底层技术可以使用SMIL以自然的方式完成，也可以通过JavaScript完成，但是可以对Bezier曲线的控制点的值进行二次或三次插值。看见 例如，曲线插值。你会注意到Firefox仍然不能处理这个页面上的第二个动画，但我想我从来没有抽出时间来提交一个bug。它应该在除IE之外的任何地方都可以使用，因为它们不支持SVG/SMIL