从我的网页引用D3.js库

时间:2014-09-07 01:27:19

标签: javascript html d3.js

我参加了基于网络的可视化编程课程。我从未使用过HTML,CSS,Javascript,SVG或JSON。我试过要求其中一个助教帮助,但我得到的回答仍然不是很有帮助。所以我会在这里发布我的问题。

为了使用D3.js,我需要能够托管文件。

  1. 这是什么意思?它是在讨论我可以从运行线访问的hosts文件吗?
  2. 我从这个网站下载了d3.js. http://d3js.org/我尝试打开它,但它不会打开。我不知道如何处理这个文件。还有一个选项可以使用此代码段直接链接到最新版本:

     <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    

    2.链接到什么,从什么方面来说?

    3.我如何实际使用D3.js,我在哪里编码呢?它是基于浏览器的吗?

    道歉,但我真的不明白这些东西。我会很感激帮助。

2 个答案:

答案 0 :(得分:1)

您需要将“script”标记放入HTML文件(以及其他内容)。然后从Web浏览器加载该HTML文件。

如果没有javascript和html的一些工作知识,可能无法释放D3.js的潜力。

您可以在http://www.w3schools.com/

找到相当不错的入门教程

从HTML开始,然后转到Javascript(恕我直言)

或发布您遇到的任何具体问题。

但快速启动30秒

  • HTML / CSS是用于描述定位和技术的技术。任何网页上元素的外观。它描述了您在网页上看到的内容(例如:文本段落,图像)

  • Javascript向给定网页添加行为,例如决定何时隐藏/显示HTML元素,何时向Web服务器请求更多数据等

回答您关于“托管文件”的含义的问题

包含可视化代码的HTML页面或JavaScript文件必须存储在某个计算机上。对于另一台计算机上的Web浏览器来访问这些文件,您必须设置“Web服务器”以在请求时发送这些文件,例如当用户键入www.something.com/your_file.html

当您只是进行实验时,您的网络服务器不需要复杂(即可以被世界上的任何计算机访问)。 您可以使用httpd将您的个人计算机变为简单的Web服务器,请在此处查看http://httpd.apache.org/

设置起来相当容易

答案 1 :(得分:1)

Scott Murray的书网络交互式数据可视化是对D3的一个非常好的介绍。它还在本书开头回顾了一些关于HTML和Javascript的基本概念。我不确定快速审核对于那些过去不熟悉HTML和Javascript的人是否足够。