可视化工具D3.js教程 入门 (第一章)—— hello world

 

1、利用D3.js  在网页上显示一些文字内容;

  代码

  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
    <script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>

    <h3></h3>
    <h3></h3>
    <h3></h3>
    <h3></h3>

</body>
<script>

    var h3 = d3.select("body").selectAll("h3");
    h3.text('日照香炉生紫烟')

</script>
</html>

  运行效果:

 

 

假如你第一次接触D3 相信你看到这些选择器也会有种似曾相识的感觉,如果不明吧没关系,咱们后边会介绍。

 

posted @ 2020-04-02 15:43  &执念  阅读(4098)  评论(0编辑  收藏  举报