Javascript 如何使用xampp开始使用d3js示例？_Javascript_Installation_Xampp_D3.js

Javascript 如何使用xampp开始使用d3js示例？

javascript installation xampp d3.js

Javascript 如何使用xampp开始使用d3js示例？,javascript,installation,xampp,d3.js,Javascript,Installation,Xampp,D3.js,现代javascript库（如protovis和d3js）所能提供的所有酷东西给我留下了深刻的印象。作为一名生态学家，我拥有大量的数据，这些数据非常适合这些先进的可视化技术。遗憾的是，在下载d3js库之后，我已经迷路了（我读到一篇文章说，为了让示例运行，必须设置一个本地主机。我在windows 7系统上安装了一个xampp系统。localhost/xampp告诉我一切都很好，但我仍然无法让大多数示例运行。例如，“albers”只显示一个灰色框。示例“bar”确实按它应该的方式运行（我想）谁能

现代javascript库（如protovis和d3js）所能提供的所有酷东西给我留下了深刻的印象。作为一名生态学家，我拥有大量的数据，这些数据非常适合这些先进的可视化技术。遗憾的是，在下载d3js库之后，我已经迷路了（

我读到一篇文章说，为了让示例运行，必须设置一个本地主机。我在windows 7系统上安装了一个xampp系统。localhost/xampp告诉我一切都很好，但我仍然无法让大多数示例运行。例如，“albers”只显示一个灰色框。示例“bar”确实按它应该的方式运行（我想）

谁能给我一个在windows 7上正确入门的提示吗？非常感谢教程的链接。如果我找到了正确的方法，我将为全世界制作我自己的教程

我知道我的问题听起来很枯燥，令人不快，因为这是一个绝对的初学者问题，对此我很抱歉，但我真的很想与d3js合作，因为我有太多好的（？）想法

谢谢！

d3.js是一个客户端JavaScript库，因此您不需要任何后台服务器。开始使用静态文件。以下是一个简短示例：

index.html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My first d3.js</title>
    <link href="style.css" rel="stylesheet">
  </head>

  <body>
    <div id="mySVG"></div>
    <script src="http://d3js.org/d3.v2.js"></script>
    <script>
      var svg = d3.select("#mySVG")
        .append("svg")
        .attr("width", 200)
        .attr("height", 200)

      svg.append("text")
        .attr("x", 50)
        .attr("y", 50)
        .attr("class", "text")
        .text("d3.js is awesome")
    </script>
  </body>

在浏览器中打开

index.html

，你会看到一个蓝色文本，上面写着“d3.js太棒了”。更有用的教程有：

当然

当您尝试在本地运行静态文件时，d3示例库中的一些示例可能会在某些浏览器中产生错误。Mike建议您在浏览示例时运行python的simplehttpserver

请参阅此处的说明：

不确定您在这里做错了什么。我刚刚下载了，并将其解压缩到

C:\path\to\xampp\htdocs\d3examples

，因此此文件夹现在包含

src

，

lib

，

examples

等文件夹。访问

http://localhost/d3examples/examples/albers/albers.html

在Chrome和Firefox中显示正确的映射。我曾尝试通过双击直接打开

albers.html

文件，并获得一个空白页。现在它可以工作了，非常感谢您的良好解释！我不知道要解压缩到htdocs中。这意味着，对于某些示例，它需要“localhost/example.html”地址。谢谢！如果可以的话，我会检查你的答案是否正确。亲爱的米尔科，非常感谢你的示例说明。我知道在dj3s.org上链接到源代码已经足够了。我现在会仔细阅读建议的教程。谢谢。我之前尝试过，但不知道该怎么做。在阅读mta的评论后riq我知道我只需要输入

localhost:8888/d3examples/

…就可以了！太好了！啊，我注意到我只在没有：8888的情况下工作，所以只有浏览器应该读

localhost/d3examples/examples/albers/albers.html

.text {
  fill: blue;
}

python -m SimpleHTTPServer 8888