我构建了一个具有多个维度和组的交叉过滤器,以使用 dc.js 直观地显示数据。可视化的数据是自行车出行数据,每次出行都会加载进去,目前有超过75万条数据。我正在使用的 JSON 文件有 70 MB,并且只会随着我在未来几个月收到更多数据而增长。
所以我的问题是,如何使数据更精简以便更好地扩展?现在加载我的互联网连接大约需要 15 秒,但我担心一旦我有太多数据,它会花费太长时间。此外,我尝试(未成功)在数据加载时显示进度条/微调器,但我没有成功。
我需要的数据列是 start_date, start_time, usertype, gender, tripduration, meters, age .我已将我的 JSON 中的这些字段缩短为 start_date, start_time, u, g, dur, m, age所以文件较小。在交叉过滤器上,顶部有一个折线图,显示每天的总行程数。下面是星期几(根据数据计算)、月份(也计算)的行图,以及用户类型、性别和年龄的饼图。在其下方有两个条形图,分别表示开始时间(四舍五入到小时)和行程持续时间(四舍五入到分钟)。
该项目在 GitHub 上:https://github.com/shaunjacobsen/divvy_explorer (数据集在 data2.json 中)。我试图创建一个 jsfiddle 但它不起作用(可能是由于数据,甚至只收集 1,000 行并将其加载到带有 <pre> 标记的 HTML 中):http://jsfiddle.net/QLCS2/
理想情况下,只有顶部图表的数据会首先加载:这会很快加载,因为它只是按天计算的数据。然而,一旦进入其他图表,它就需要越来越多的数据来深入了解更精细的细节。关于如何让它发挥作用的任何想法?
最佳答案
我建议将 JSON 中的所有字段名称缩短为 1 个字符(包括“开始日期”和“开始时间”)。这应该会有所帮助。另外,请确保在您的服务器上打开了压缩。这样,发送到浏览器的数据将在传输过程中自动压缩,如果尚未打开,这应该会大大加快速度。
为了获得更好的响应能力,我还建议首先设置您的 Crossfilter(空)、所有维度和组以及所有 dc.js 图表,然后使用 Crossfilter.add() 将更多数据添加到您的 Crossfilter 中 block 。最简单的方法是将您的数据分成一口大小的 block (每个 block 几 MB)并连续加载它们。所以如果你使用的是d3.json,那么在上一次文件加载的回调中开始下一次文件加载。这会导致一堆嵌套的回调,这有点讨厌,但应该允许用户界面在数据加载时做出响应。
最后,有了这么多数据,我相信您会开始在浏览器中遇到性能问题,而不仅仅是在加载数据时。我怀疑您已经看到了这一点,并且您看到的 15 秒停顿至少部分出现在浏览器中。您可以通过在浏览器的开发人员工具中进行分析来检查。为了解决这个问题,您需要分析和识别性能瓶颈,然后尝试优化这些瓶颈。另外 - 如果您的听众中有较慢的计算机,请务必在较慢的计算机上进行测试。
关于javascript - 将大型数据集加载到 crossfilter/dc.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22302146/
我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende
我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样?我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用,需要1秒才能返回,我有100,000多个页面要访问,所以我试图运行多个线程来解决这个问题。有更好的方法吗?classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("
有时我需要处理键/值数据。我不喜欢使用数组,因为它们在大小上没有限制(很容易不小心添加超过2个项目,而且您最终需要稍后验证大小)。此外,0和1的索引变成了魔数(MagicNumber),并且在传达含义方面做得很差(“当我说0时,我的意思是head...”)。散列也不合适,因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题,但我很想知道:Ruby标准库是否已经带有这样一个类? 最佳
我一直致力于让我们的Rails2.3.8应用程序在JRuby下正确运行。一切正常,直到我启用config.threadsafe!以实现JRuby提供的并发性。这导致lib/中的模块和类不再自动加载。使用config.threadsafe!启用:$rubyscript/runner-eproduction'pSim::Sim200Provisioner'/Users/amchale/.rvm/gems/jruby-1.5.1@web-services/gems/activesupport-2.3.8/lib/active_support/dependencies.rb:105:in`co
我正在尝试使用Curbgem执行以下POST以解析云curl-XPOST\-H"X-Parse-Application-Id:PARSE_APP_ID"\-H"X-Parse-REST-API-Key:PARSE_API_KEY"\-H"Content-Type:image/jpeg"\--data-binary'@myPicture.jpg'\https://api.parse.com/1/files/pic.jpg用这个:curl=Curl::Easy.new("https://api.parse.com/1/files/lion.jpg")curl.multipart_form_
无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD
本教程将在Unity3D中混合Optitrack与数据手套的数据流,在人体运动的基础上,添加双手手指部分的运动。双手手背的角度仍由Optitrack提供,数据手套提供双手手指的角度。 01 客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照:https://gitee.com/foheart_1/foheart-h1-data-summary.git02 数据转发打开MotiveBody软件的Streaming,开始向Unity3D广播数据;MotionVenus中设置->选项选择Unit
文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目,Java开发。基于数据库增量日志解析,提供增量数据订阅&消费。Git地址:https://github.co
我们目前正在为ROR3.2开发自定义cms引擎。在这个过程中,我们希望成为我们的rails应用程序中的一等公民的几个类类型起源,这意味着它们应该驻留在应用程序的app文件夹下,它是插件。目前我们有以下类型:数据源数据类型查看我在app文件夹下创建了多个目录来保存这些:应用/数据源应用/数据类型应用/View更多类型将随之而来,我有点担心应用程序文件夹被这么多目录污染。因此,我想将它们移动到一个子目录/模块中,该子目录/模块包含cms定义的所有类型。所有类都应位于MyCms命名空间内,目录布局应如下所示:应用程序/my_cms/data_source应用程序/my_cms/data_ty