当前位置: 代码迷 >> 综合 >> 《Getting Started with D3》中文翻译(第二章)
  详细解决方案

《Getting Started with D3》中文翻译(第二章)

热度:71   发布时间:2023-12-06 17:58:44.0

Getting Started with D3


CHAPTER 2 第二章  选择器入门

注:源码压缩包请到https://github.com/mikedewar/getting_started_with_d3下载,里面有学习所用的json文件

选择器在D3中是个重要概念,它基于css选择器,它可以选择网页元素并在改,删,增上与数据集保持一致。在这一章,我们将用html元素选择器来创建两个简单的可视化例子:一个列表和一个条形图。

这两个例子用了共同的步骤:我们选择页面的body,插入一个comtainer元素,里面生成的可视化元素属性对应数据集中的每一条数据,这个步骤是每一个构建复杂可视化视图的基础,不断掌握这种形式形成了D3的学习曲线。

简单的地铁运行状态图

要知道什么时候发车直接影响到你出门的所有计划,关于地铁的话题永远是安排工作行程,计划更改和不可预料的延迟,一周有五百万人乘坐地铁,如果地铁出了问题,这将直接影响一大批人的生活。

幸运的是,MTA提供了实时更新的(每分钟)每条地铁线状态的信息












  相关解决方案