Json D3.js的最大数据文件大小

Json D3.js的最大数据文件大小,json,d3.js,topojson,Json,D3.js,Topojson,D3js数据文件大小的限制因素是什么?是否只是文件从服务器加载到客户端需要多长时间 我正在尝试创建一个芝加哥的路线图,在那里你可以悬停在这条路上,得到它的名字并突出显示它。文件大小为125 MB,与城市相距甚远。我通过删除不必要的信息将其精简到30MB,然后将其转换为TopoJSON文件,使其精简到5.1MB。这是一个难以控制的文件大小吗 处理大量数据时有三个限制因素: 要加载的文件大小和服务器/客户端的连接速度 对数据进行的处理 表示数据的可视元素的呈现 如果没有关于你的应用程序的更多细节

D3js数据文件大小的限制因素是什么?是否只是文件从服务器加载到客户端需要多长时间


我正在尝试创建一个芝加哥的路线图,在那里你可以悬停在这条路上,得到它的名字并突出显示它。文件大小为125 MB,与城市相距甚远。我通过删除不必要的信息将其精简到30MB,然后将其转换为TopoJSON文件,使其精简到5.1MB。这是一个难以控制的文件大小吗

处理大量数据时有三个限制因素:

  • 要加载的文件大小和服务器/客户端的连接速度
  • 对数据进行的处理
  • 表示数据的可视元素的呈现
如果没有关于你的应用程序的更多细节,很难猜测它是哪一个,但根据我的经验,它几乎总是第三个。元素的渲染通常会占用显示可视化所需的大部分时间

浏览器中的调试/web开发工具应该让您更好地了解瓶颈所在;特别是,您应该能够很容易地找到加载JSON所需的时间。如果这明显短于显示可视化的时间,那么问题几乎肯定是元素的渲染

在这种情况下,您可以做两件主要的事情。可以减少显示的元素数量(例如,通过聚合),也可以切换到不同的渲染机制。特别是,canvas渲染速度明显快于SVG。如果您做出这种切换,您将失去SVG使之变得非常简单的交互性,因此这是一种权衡,取决于您的特定应用程序