鸢尾花数据可视化（html+echarts+d3）

鸢尾花数据集如下：
本文图形数据是花瓣长度

中文翻译：id，花瓣长度，花瓣宽度，花萼长度，花萼宽度，品种
Id,SepalLength,SepalWidth,PetalLength,PetalWidth,Species
1,5.1,3.5,1.4,0.2,setosa
2,4.9,3,1.4,0.2,setosa
3,4.7,3.2,1.3,0.2,setosa
4,4.6,3.1,1.5,0.2,setosa

思路简述：
网页定义一个盒子标签，存放echarts的图形，在javascrip中写逻辑。
d3读取数据，数据转换和分类，图形设置
echarts官网：

https://echarts.apache.org/zh/index.html

总体代码如下：

效果图如下：

调试
输出d3读取的数据

data.length     // 获取数据的长度
console.log(data[i])       // 控制台输出
parseFloat（数据）     // 转换数据类型