最近在学习数据可视化,深入了解了如何在网页上实现数据的动态可视化。比如D3.JS主要应用JS在HTML页面内动态生成SVG元素并绑定数据。
以下是我的例程:
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<TITLE></TITLE>
<STYLE TYPE="TEXT/CSS">
</STYLE>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
</SCRIPT>
</HEAD>
<BODY>
<script>
//通过createElementNS创建svg元素并设置属性
var svg=document.createElementNS('http://ww