文件名称：svg-time-series:SVG时间序列图库
文件大小：180KB
文件格式：ZIP
更新时间：2024-05-19 15:16:59
d3 svg charts charting-library time-series
svg-时间系列 基于D3.js的SVG时间序列图可以正确达到60 FPS。 平移和缩放比其他基于画布或SVG的图表快得多。 ：1格，2系列1070点 ：5个网格，10个系列的1070点 演示1在台式机，最新的iPhone和*Android手机上达到60 FPS。 演示2显示了台式机上的60 FPS，iPhone上约24 FPS，老旧的LG D90上约3 FPS。 相比之下， 库基本上从未达到60 fps。 按住shift尝试在主页上平移他们的演示。 请注意，上面的演示使用了相同的NY vs SF温度数据集。 D3.js似乎很慢：。 但是事实证明，SVG栅格化不是瓶颈。 在该演示中，只有2个问题需要解决，才能达到60 fps： 避免在平移和缩放过程中对网格的SVG线进行额外的属性设置（部分已经在d3轴的HEAD中） 绘制d3.timeout()而不是d3.zoom() ，
【文件预览】：
svg-time-series-master
----misc()
--------affine.maxima(127B)
----measure.ts(454B)
----segmentTree.ts(2KB)
----demos()
--------common.ts(2KB)
--------demo2()
--------demo1()
--------demo2-bug-60()
----package.json(3KB)
----tslint.json(1KB)
----svg-time-series.csproj(9KB)
----draw.ts(14KB)
----axis.ts(6KB)
----competitors()
--------d3-pan-zoom()
--------d3-axes-grad()
--------d3-plotly()
--------d3-fixedaxis()
----MyTransform.ts(4KB)
----affine.ts(6KB)
----benchmarks()
--------viewing-pipeline-transformations()
--------path-segment-recreate-dom()
--------common.ts(767B)
--------path-draw-transform-d3()
--------segment-tree-reindexing()
--------bench.ts(1KB)
--------sine-transform-d3()
--------segment-tree-queries()
--------demo2-without-grid()
--------sine-recreate-dom()
--------d3-pan-zoom-vwt()
--------axis-draw-transform()
--------sine-transform-dom()
--------path-data-polyfill.js(27KB)
--------path-recreate-dom()
--------svg-path-recreation-d3()
----viewZoomTransform.ts(7KB)
----tsconfig.json(250B)
----ViewWindowTransform.ts(7KB)
----.gitignore(5KB)
----typings()
--------assert.d.ts(175B)
----README.md(5KB)
----svg-time-series.sln(974B)