- 48
- 0
- 约小于1千字
- 约 4页
- 2021-08-05 发布于北京
- 举报
d3 树状图
?课程编写
类别
内容
实验课题名称
实验:d3 树状图
实验目的
能够使用代码实现d3 树状图
实验环境
python
Python版本:python2
软件描述
PyCharm:
PyCharm是一种Python IDE,带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、版本控制。此外,该IDE提供了一些高级功能,以用于支持Django框架下的专业Web开发
预备知识
Html的基本规范,js的基本规范,
实验步骤
建立一个json格式的文件,里面存放我们的原数据, 命名成:city_tree.json
建立一个空白的html文件, 在里面导入d3包
在head标签中定义了三个类的样式,类名分别是:node, circle,link且circle是node的子类
2. 将d3.min.js与新建的html文件和json文件放在同一文件下
放在同一文件夹下,主要是为了方便d.html直接引用d3的包和json文件
3.在body标签中,放置js代码
配置好js代码之后,我们通过浏览器打开该文件.
4.查看生成的图片
节点的样式由circle类控制, 线形的样式由link类控制
您可能关注的文档
- 大豆栽培技术播种与播种质量检查、生产方案的拟定大豆配方施肥技术.docx
- 大豆栽培技术苗期、分枝期田间管理、结荚鼓粒期田间管理大豆豆根蛇潜蝇发生及防治措施技术手册.docx
- 大豆种子生产技术大豆种子生产程序教案:大豆种子生产的程序.docx
- 大副岗位适任训练课程电子海图使用说明知识点1电子海图使用说明(6).docx
- 大副岗位适任训练课程利用装载仪校核集装箱系固效果集装箱系固.docx
- 大师大讲堂大师介绍杨冰-雕刻大师.docx
- 大数据处理技术其它数据格式转换实验.doc
- 大数据技术应用HBase数据模型、分布式数据库Hbase简介HBase数据模型电子教案.doc
- 大数据技术应用突显表实现数据可视化突显表实现数据可视化实训指导.doc
- 大数据可视化技术-资源ggplot2-图层实现多个子图ggplot2-图层实现多个子图-实训指导.docx
- 建筑工程材料选择题:碳素结构钢与钢筋性能.pdf
- 眼部护理的跨文化比较.pptx
- 眼部护理:季节性变化的影响.pptx
- 眼部护理:男士与女士的特别需求.pptx
- 《快乐读书吧:在那奇妙的王国里》(课件)-2025-2026学年语文三年级上册统编版.pptx
- 眼部护理:眼部疲劳的预防措施.pptx
- 2026届九年级英语中考冲刺分层模拟卷与答案解析(质量检查版,含听力原文、作答空间和评分细则).docx
- 2026版项目投资合作协议书范本条款清单与签署风控提示模板(流程图).docx
- 2026版企业通用岗位结构化面试题库与综合评分表规范填写规范与审批台账模板(看板模板).docx
- 2026版企业会计准则现金流量表编制口径手册(执行版,含分类口径/填报模板填写规范与审批台账模板(测算模型).docx
原创力文档

文档评论(0)