规划头条发布过的帖子
规划日报1117：如何画好可视化分析图？
时间： 01:27 |
| 阅读：651
发送原创文章至，可申请注册邀请码
才可以下载或查看，没有帐号？
▊▏如何画好可视化分析图？
——手动分析图...
0?wx_fmt=jpeg.jpg (57.63 KB, 下载次数: 1)
01:27 上传
▊▏【城势】畅想未来科技城
————坂雪岗存量空间的更新实验
0?wx_fmt=jpeg.jpg (46.13 KB, 下载次数: 0)
01:27 上传
▊▏城市消费的地方营造：美食与交通
——城市宜居场所的营造可吸引城市的人才集聚。本文从美食切入，研究美国大都市区餐厅数量与城市消费水平的相关性，进而讨论城市形态与交通系统的相互作用，并发起讨论——城市是否意味着更高的消费成本？因昨天出现一点小错误，修订后今天重新推出，感谢支持！
0?wx_fmt=jpeg.jpg (62.41 KB, 下载次数: 0)
01:27 上传
▊▏憋住不放的屁，最后都去哪了
——本文转载自公众号丁香医生：猛一看题，以为是憋不住的屁最后去哪了，那当然是放了.....咳咳。屁，憋住不放，大
0?wx_fmt=jpeg.jpg (149.24 KB, 下载次数: 0)
01:27 上传
▊▏“特色小镇”建设中的误区及“文旅小镇”的打造
——日前国家及地方性的支持政策不断出台，全国新兴经济业态发展过程中刮起了一阵文化产业转型升级的热潮。但在发展的过程中，各地区在发展的过程中，雷同现象层出不穷，足以见得各地在认识上层意图及方针中出现了偏差。
0?wx_fmt=png.jpg (49.01 KB, 下载次数: 0)
01:27 上传
▊▏吴志强：“数字经济+城市规划”有很多机遇│观点
——本文转载自：《新京报》世界互联网大会会刊.日.吴志强，同济大学副校长、城市规划教授。他长
0?wx_fmt=jpeg.jpg (13.3 KB, 下载次数: 0)
01:27 上传
▊▏【城试】坂雪岗重点片区设计思考
——作者：孙文雯、莫思飞（都市实践）
0.jpg (34.86 KB, 下载次数: 2)
01:27 上传
▊▏编委直通车|罗震东、李志刚教授教你写论文！
——转载自“城市规划”订阅号城市规划论文撰写系列讲座——合肥站11月12日，“城市规划论文撰写系列讲座（合肥站）
0?wx_fmt=jpeg.jpg (6.3 KB, 下载次数: 0)
01:27 上传
▊▏【文章导读】时代需求在变，规划改变从学科开始
——社会需求影响行业走势，学科教育支撑行业发展。规划行业目前面临社会需求切换的形势：大尺度物质空间布局规划逐渐减少，农村人口城镇化、城市民生、社区建设、生态环境等等问题越来越成为我国政府关注的焦点。
0?wx_fmt=jpeg.jpg (95.54 KB, 下载次数: 0)
01:27 上传
▊▏【空间前沿】基于空间大数据的城市区域现状评估研究
——日，空间大数据应用论坛在长沙世纪金源大饭店成功举办，北京市测绘设计研究院高级工程师关丽博士在会上做了题为“基于空间大数据的城市区域现状评估研究”的讲座，现推出讲座的PPT。
0?wx_fmt=png.jpg (53.19 KB, 下载次数: 0)
01:27 上传
▊▏智慧城市的“中国式”发展，在探索中前进
——《国家智慧城市试点2015年度工作报告》指出，截止2015年底，智慧城市第一、二、三批试点共签约311个城市，重点项目签约总量超过4000个。重点项目建设进度稳步提升，2015年总体进度达到63.4%，比去年增加9.4%。
0?wx_fmt=jpeg.jpg (82.18 KB, 下载次数: 0)
01:27 上传
▊▏【活动预告】中德绿色建筑与低碳园区高端论坛即将召开！
——中德绿色建筑与低碳园区高端论坛暨德国DGNB（园区）体系解析与应用培训将于12月2—4日在清华大学召开。
0?wx_fmt=jpeg.jpg (183.85 KB, 下载次数: 0)
01:27 上传
▊▏期刊精粹|【2016.5期优先看】基于主动式干预的可步行城市策略研究
——本文系统回顾了可步行城市的发展历程，指出可步行城市建设的价值，同时从城市规划的角度出发，在城市和区域、社区、街道三个层面提出可步行城市的主动式干预策略。最后建议加强学科间的协作、政策法规的制定及教育宣传来共同建设可步行的城市。
0?wx_fmt=jpeg.jpg (45.89 KB, 下载次数: 0)
01:27 上传
▊▏一封感谢信的背后
——上周五，我院收到一封来自盐城市阜宁县规划局的感谢信，“今年6月23日下午，我县遭遇到强冰雹和龙卷风双重灾害（
0?wx_fmt=jpeg.jpg (95.1 KB, 下载次数: 0)
01:27 上传
▊▏【城识】区域视角下坂雪岗科技城交通发展策略
——作者：黄兆锋（深圳市交通研究中心）
0.jpg (45.27 KB, 下载次数: 0)
01:27 上传
▊▏周一星先生专栏伍：改革开放条件下的中国城市经济区
——改革开放条件下的中国城市经济区周一星& &张&&莉[①] 题注：发表在《地理学报》，2003年2期，271-
0?wx_fmt=jpeg.jpg (48.99 KB, 下载次数: 0)
01:27 上传
▊▏197.安藤“头佛”畅想记
——一个由拳击手转行的建筑师和一个埋在地下但需要你仰视的大佛
0?wx_fmt=jpeg.jpg (122.27 KB, 下载次数: 0)
01:27 上传
▊▏【同衡学术】基于TOD理念的人性化街道设计
——TOD理论强调的是以人为本、公交优先、步行友好、可持续发展等理念，其指导意义不应仅局限在以公共交通引导城市发展这方面，也可用于具体的城市街道设计。
0?wx_fmt=jpeg.jpg (134.62 KB, 下载次数: 0)
01:27 上传
▊▏讲座|沈振江·日本的空间规划与城市设计的体制
——日本国立金泽大学环境设计学院沈振江教授将于11月22日在北京大学城市与环境学院进行学术讲座，题为《日本的空间规划与城市设计的体制》。
0?wx_fmt=jpeg.jpg (32.04 KB, 下载次数: 0)
01:27 上传
▊▏【PF】深圳轨道交通功能层次分析及网络构架
——【PF】深圳轨道交通功能层次分析及网络构架
0?wx_fmt=jpeg.jpg (45.91 KB, 下载次数: 0)
01:27 上传
▊▏中国城市住宅三十年发展回顾：类型-转型学术研讨会
——同济大学建筑与城市规划学院/时代建筑 主办/天华集团 协办 “类型-转型学术研讨会”
0?wx_fmt=jpeg.jpg (258.1 KB, 下载次数: 0)
01:27 上传
▊▏宏论|社会影响力的机遇、盲区和痛点
——重视社会影响力评估的盲区，解决社会影响力的痛点，部署有利于社会经济发展的社会影响力决策预测算法，有助于帮助城市治理者对城市进行全面深入、精准的智能评估、更好的打造城市活力，创造更加积极的城市影响力。
0?wx_fmt=jpeg.jpg (84.26 KB, 下载次数: 0)
01:27 上传
▊▏【资讯】我国首个国家森林城市群建设规划通过专家评审
——新华社广州11月15日电（记者田建川）记者从广东省林业厅获悉，《珠三角国家森林城市群建设规划》日前通过专家评
0?wx_fmt=jpeg.jpg (97.79 KB, 下载次数: 0)
01:27 上传
▊▏中规院西部分院：第一届英国皇家建筑师学会国际青年规划师工作营（上篇）：过程全记录
——& && && && && && && && && && && && && && && && && && &
0?wx_fmt=jpeg.jpg (11.2 KB, 下载次数: 0)
01:27 上传
▊▏【借鉴】乡村旅游转型发展坚持“五原”是关键
——随着整个经济社会的发展和旅游消费的升级，现在乡村旅游发展也进入了一个转型升级的新阶段，需要以科学的理念和更高
0?wx_fmt=jpeg.jpg (55.25 KB, 下载次数: 0)
01:27 上传
▊▏【NEWBOOK】《海绵城市工程设计图集——低影响开发雨水控制及利用》
——由广西师范大学出版社授权发售海绵城市工程设计图集——低影响开发雨水控制及利用根据现行国家标准和规范编制文字
0?wx_fmt=jpeg.jpg (25.47 KB, 下载次数: 0)
01:27 上传
▊▏招募：联合国开发计划署“YouthSolutionTrip”
——想知道联合国开发计划署的项目是怎样执行的吗？想了解开发署项目点都存在哪些社会问题吗？想参与调查并帮助解决发展挑战吗？今年12月，开发署和招商新能源将正式启动“Youth Solution Trip”，现开启第一期成员招募。
0?wx_fmt=jpeg.jpg (105.24 KB, 下载次数: 0)
01:27 上传
▊▏主编作品|陈明·读孙中山先生《建国方略》对空间规划的启示
——《国际城市规划》副主编陈明博士通过阅读和思考的方式来纪念孙中山先生诞辰150周年。孙中山先生的《建国方略》写于1910年代，是中国第一个经济发展现代化蓝图，也是全面系统的“路线图”，对当前推进的国家空间规划体制的改革，仍具有极大的启发意义。
0?wx_fmt=jpeg.jpg (69 KB, 下载次数: 0)
01:27 上传
▊▏【资讯】住房城乡建设部办公厅等部门关于印发《中国传统村落警示和退出暂行规定（试行）》的通知
——各省、自治区、直辖市住房城乡建设厅（建委）、文化厅（局）、文物局、财政厅（局）、国土资源厅（局）、农业（
0?wx_fmt=png.jpg (42.27 KB, 下载次数: 0)
01:27 上传
▊▏文化认同下“网络空间”探索
——第三届世界互联网大会以“创新驱动，造福人类——携手共建网络空间命运共同体”为主题，在乌镇召开。中国城乡在线的商业和服务模式开始走向世界，用互联网信息技术为特别是农村地区实现居民就业，改善商业和公共服务。
0?wx_fmt=png.jpg (28.53 KB, 下载次数: 0)
01:27 上传
▊▏城市环境规划政策效用亟待提高
——环境规划是人类为使环境与经济社会协调发展而对自身活动和环境所做放入时间和空间的合理安排，但是城市环境规划实践中仍然出现了大气、水、土壤等环境污染严重、环境质量不达标等现象。那么，编制城市环境规划能否有效遏制城市环境恶化？
0?wx_fmt=png.jpg (43.63 KB, 下载次数: 0)
01:27 上传
▊▏【设计】从自然而来的，东方之美张弛有度的设计
——------- 从自由而来| 创意空间环境-------对于我们来说，东方之美在于娓娓道来的抒情方式和质朴入
0?wx_fmt=jpeg.jpg (61.4 KB, 下载次数: 0)
01:27 上传
▊▏嗯微入群
——刘家琨，家琨建筑设计事务所， Jiakun Architects
0?wx_fmt=jpeg.jpg (41.21 KB, 下载次数: 0)
01:27 上传
▊▏【借鉴】农村土地“三权分置”改革怎么实现？看看来自日本的经验
——导读实践表明，发挥集体的土地资源配置功能，实现土地的集中连片流转，可以更好地实现土地承包者和经营者的权利。“
0?wx_fmt=jpeg.jpg (49.7 KB, 下载次数: 0)
01:27 上传
▊▏“数据叙事和可视化在残障议题的创新应用”工作坊上海招募
——通过案例分享结合实际操练的方式，帮助媒体从业者及相关专业人士理解联合国可持续发展目标框架下如何应对残障议题，提高相关数据素养，学习使用数据和设计思维来驱动选题策划、数据采集以及叙事组织，同时为可持续城市和社区领域的数据创新提供新的思路。
640?wx_fmt=jpeg.jpg (78.21 KB, 下载次数: 0)
01:27 上传
您好，您看到的是本帖部分内容，需要查看全部内容，请注册本站，注册方法在这里：
您好，您暂时不能浏览帖子的全部内容，请
| 没有账号？ 请
想知道那些分析图怎么画的树图网可视化实验
1.&实验要求
　　要求通过树，或者图、网的可视化聚类，分析某个公司的邮件社交网络。根据要求设计可视化方案，并利用D3工具实现可视化效果。
2.1.&可视化方案的设计思路
2.1.1.&可视化要求
　　1)&可视化该邮件社交网络。
　　2)&该可视化中的每个Edge都对应着一个权重（Emails per month或者weight），要求将该权重属性映射到一个图形化的属性，比如，color，types of line，size or shapes。
　　3)&可视化方案中要体现每个人的职业或部门属性（五类）：director，CEO，Business Development Unit，Business Support Unit，Business Control Unit。
2.1.2.&设计思路
　　根据可视化要求，分析某个公司的邮件社交网络，并可视化该邮件社交网络。
　　1.&可视化效果应该是一张图；
　　2.&这张图中的顶点要分为5类，体现每个人的职业或部门属性；
　　3.&这张图中的边要分为7类，体现不同的权值；
　　4.&每类顶点放在一起，并将不同顶点用不同颜色标识。
2.2.&对可视化方案的说明
　　在此次的设计方案中，将使用弦图进行可视化。弦图的各弧代表各个人，弧的角度大小代表其收件箱内的邮件个数，弧被分为5种颜色，体现每个人的部门属性。弦图的各弦代表两个人之间的邮件往来，如A、B间的弦，与A相连的一端代表A收件箱中来自B的邮件，与B相连的一端代表B收件箱中来自A的邮件，弦被分为7种宽度，体现来往信件的多少。
2.3.&使用D3实现可视化效果的过程
2.3.1.&新建项目
　　在项目目录下新建文件夹lab_3，再在文件夹lab_3内新建一个文件夹d3和文本文件index.html
2.3.2.&数据预处理
　　将原始数据保存为staff.csv和mails.csv
2.3.3.&编写代码
html.index
&!DOCTYPE HTML&
&meta charset="utf-8"&
&title&My lab 3&/title&
@import url(../style.css?aea6f0a);
#circle circle {
fill: none;
pointer-events: all;
.group path {
fill-opacity: .5;
path.chord {
stroke: #000;
stroke-width: .25px;
#circle:hover path.fade {
display: none;
.Director {
fill: navy;
fill: black;
#group3, #group6, #group7, #group8 {
fill: #00FF7F;
#group4, #group9, #group10, #group11, #group12, #group13, #group14 {
fill: #DAA520;
#group5, #group16, #group17, #group15 {
fill: #FF00FF;
&script src="d3/d3.js" charset="utf-8"&&/script&
&script src="d3/queue.js"&&/script&
var matrix = new Array(18);
var width = 720,
height = 720,
outerRadius = Math.min(width, height) / 2 - 10,
innerRadius = outerRadius - 24;
// 设置布局的长宽，半径
var formatPercent = d3.format(".1%");
var layout = d3.layout.chord()
// 从关系矩阵生成一个弦图，创建弦图布局，用来转换数据
.padding(.04)
// 取得或设置 弦片段间的角填充
.sortSubgroups(d3.descending)
// 取得或设置 用于子分组的比较器
.sortChords(d3.ascending);
// 取得或设置 用于弦的比较器（Z轴顺序）
var arc = d3.svg.arc()
// 新建一个弧度生成器，用来画弧
.innerRadius(innerRadius)
// 设置内半径访问器
.outerRadius(outerRadius);
// 设置外半径访问器
var path = d3.svg.chord()
// 新建一个弦生成器，用来画弦
.radius(innerRadius);
var svg = d3.select("body").append("svg")
// 生成最父节点
.attr("width", width)
.attr("height", height)
.append("g")
.attr("id", "circle")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
// 坐标原点移到svg中间
svg.append("circle")
.attr("r", outerRadius);
// 画外圈的大圆，g的第一个孩子
.defer(d3.csv, "staff.csv")
.defer(d3.csv, "mails.csv")
.await(ready);
// 加载两个文件，之后执行回掉函数ready
function ready(error, staffs, mails) {
if (error) throw
// 生成数据矩阵
for (var i = 0; i & 18; i++)
matrix[i] = new Array(18);
for (var j = 0; j & 18; j++)
matrix[i][j] = 0;
for (var i = 0; i & mails. i++)
var toid1 = parseInt(mails[i].toID);
var id2 = parseInt(mails[i].ID);
var num = parseInt(mails[i].Weight);
matrix[toid1][id2] =
// Compute the chord layout. 加载数据矩阵
layout.matrix(matrix);
// Add a group per neighborhood. 就是每一个扇环形区域，都是一个group，包括title、path（arc）、text三个孩子
var group = svg.selectAll(".group")
.data(layout.groups)
// layout = d3.layout.chord() ，所以layout是个chord；
// chord.group()返回节点数组，用来生成节点：一个个弧
.enter().append("g")
.attr("class", "group")
.on("mouseover", mouseover);
// 放上鼠标后调用mouseover函数
// Add a mouseover title. 鼠标停留显示的提示
group.append("title").text(function(d, i) { return staffs[i].Name + "'s inbox"; });
// Add the group arc. 画弧
var groupPath = group.append("path")
.attr("id", function(d, i) { return "group" + })
// 每个扇环形区域是一个group，其中的path叫group i
.attr("d", arc)
.attr("class", function(d, i) { return staffs[i].P });
// Add a text label. 添加文本标识
var groupText = group.append("text")
.attr("x", 6)
.attr("dy", 15);
groupText.append("textPath")
.attr("xlink:href", function(d, i) { return "#group" + })
.text( function(d, i) { return staffs[i].N } );
// Remove the labels that don't fit. :(
groupText.filter(function(d, i) { return groupPath[0][i].getTotalLength() / 2 - 16 & this.getComputedTextLength(); })
.remove();
// Add the chords. 每条连接两个邻居的边都是一个path，拥有一个title孩子，所有的边在一起叫chord
var chord = svg.selectAll(".chord")
.data(layout.chords)
.enter().append("path")
.attr("class", "chord")
.style("fill", "#1E90FF")
.attr("d", path);
// Add an elaborate mouseover title for each chord. 设置path的title
// chord.append("title").text("haha");
// 在此函数中，所有不是source也不是target的全都设"fade"为true
function mouseover(d, i) {
chord.classed("fade", function(p) {
return p.source.index != i
&& p.target.index !=
数据：mails.csv
ID,Emailspermonth,Weight,toID
4,123,4,10
4,212,5,11
4,453,7,12
4,156,4,13
4,278,5,14
5,300,5,15
5,256,5,17
9,134,4,11
9,546,7,12
9,145,4,14
10,256,5,11
10,222,5,12
10,190,4,12
10,56,3,14
11,78,3,12
11,112,4,13
12,98,3,14
15,88,3,16
15,123,4,17
16,238,5,17
16,23,2,11
16,41,2,13
16,13,2,14
16,27,2,10
数据：staff.csv
ID,Name,Position
0,James,Director
1,David,Director
2,George,CEO
3,Ronald,Business Development Manager
4,John,Business Support Manager
5,Richard,Business Control Manager
6,Daniel,Sales Department Leader
7,Kenneth,Product Department Leader
8,Anthony,Marketing Department Leader
9,Robert,Project Office Leader
10,Charles,Professional Service Leader
11,Paul,QA Leader
12,Mark,Design Office Leader
13,Kevin,Technical Support Office Leader
14,Edward,Software Development Leader
15,Joseph,Legal Office Leader
16,Michael,Finance Office Leader
17,Jason,HR Office Leader
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 图1&& 数据弦图
&&&&&&&&&&&&&&&&&&&&&&&&&& 图2&& 鼠标移到某员工，显示该员工所有的邮件往来
　　　使用弦图能清晰地显示各部门、各员工之间的邮件往来，有良好的可视化效果。
阅读(...) 评论()30 个最好的数据可视化工具推荐 - Web前端 - ITeye资讯
相关知识库：
如今，同质化的应用越来越多，应用开发者也开始在用户体验上下功夫，比如数据可视化，将一大堆密密麻麻的数字转成图表形式，可以更直观地向用户展示数据之间的联系和变化情况，减少用户的阅读和思考时间，以便很好地做出决策。
目前互联网中有很多数据可视化工具，本文选取了最好的30个工具，希望能够对你有所帮助。
iCharts是一个在线的数据可视化工具，被广泛应用于商业、经济、体育等领域的报告中。iCharts免费版本提供了一些基本的交互式图表样式，如果更使用高级的样式，则需要购买高级版本。
Fusion Charts Suit XT是一个专业的JavaScript图表库，可以用来创建90多种类型的图表，包括2D和3D版本的图表。
这是一个小型的、免费、用于创建交互式地图的库。
这是一个基于Adobe Snap SVG框架的响应式的饼图，主要使用HTML和CSS来生成图表，但你也可以使用JavaScript对象。
Raw是一个开源的数据可视化工具，基于流行的D3.js，支持多种图表类型。
Leaflet是一个开源的JavaScript库，用于创建对移动设备友好的交互式地图。
Chartkick是一个Ruby gem，可非常方便、快速地创建漂亮的图标。Chartkick还有一个JavaScript API，不依赖于Ruby。
这是一个基于Ember.js和d3.js框架的图表库，包括时间序列、条形图、饼图、线型图、散点图等多种类型，且易于扩展和修改。
Springy是一个使用JavaScirpt实现的有向图布局算法，使用了真实世界中的一些物理原理，你可以随意拖动图表中的元素。
Bonsai是一个开源的JavaScript库，用于创建图形和动画，并配备了一个直观，功能丰富的API。
这算什么？ 骗广告？
yixiandave 写道后面的干脆连介绍都懒得给了-,-
居然没有jcharts？
没哪一个可以和office chart比。
后面的干脆连介绍都懒得给了-,-}