国匠城工作台

当前：新闻编辑 | 格式化工具 | 查看本文

/h1

/h2

strong

/strong

<section style="box-sizing: border-box; background-color: white;"><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="display: inline-block; width: 100%; vertical-align: top; letter-spacing: 15px; line-height: 1; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="   width: 100%; box-sizing: border-box; "><section class="" style=" padding: 0.5em 0px;  box-sizing: border-box; "><section class="" style="height: 1px; box-sizing: border-box; background-color: rgba(38, 53, 73, 0.862745);"></section></section></section><section class="Powered-by-XIUMI V5" style="   width: 100%; box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="letter-spacing: 3px; box-sizing: border-box;"><section style="text-align: center; box-sizing: border-box;"><span style="font-size: 18px; box-sizing: border-box;"><strong style="box-sizing: border-box;">一<span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; line-height: 19.44px; white-space: pre-wrap; font-size: 12px; box-sizing: border-box; background-color: rgb(255, 255, 255);">°</span><span style="box-sizing: border-box; background-color: rgb(255, 255, 255);"><span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; line-height: 19.44px; white-space: pre-wrap; box-sizing: border-box; background-color: rgb(254, 255, 255);"></span><span style="line-height: 24px; box-sizing: border-box; background-color: rgb(254, 255, 255);">览<span style="line-height: 24px; font-size: 12px; box-sizing: border-box; background-color: rgb(255, 255, 255);">°</span>众<span style="line-height: 24px; font-size: 12px; box-sizing: border-box; background-color: rgb(255, 255, 255);">°</span>山<span style="line-height: 24px; font-size: 12px; box-sizing: border-box; background-color: rgb(255, 255, 255);">°</span>小</span></span></strong></span></section><section style="text-align: center; box-sizing: border-box;"><span style="font-size: 12px; box-sizing: border-box;">SustainableCity & Transportation</span><strong style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="   width: 100%; box-sizing: border-box; "><section class="" style=" padding: 0.5em 0px;  box-sizing: border-box; "><section class="" style="height: 1px; box-sizing: border-box; background-color: rgba(38, 53, 73, 0.862745);"></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin: 0.5em 0px;  box-sizing: border-box; "><section class="" style="width: 100%; padding: 1em 10px; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/mee9Bdh9TiaibUHmvMHKKlq7Z0NapVpQ66Fvvib3kzYfrsophCVRZoICtS0oRar7dicIPHFS9X3Jiaq3EHpcvObBFSA/0?wx_fmt=jpeg"); background-attachment: scroll; background-color: rgb(249, 110, 87); background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat;"><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 12px; color: rgb(8, 8, 8); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">     </strong></section><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">       </strong><strong style="line-height: 1.6; box-sizing: border-box;">  编辑团队</strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="display: inline-block; max-width: 100%; border-color: rgb(8, 8, 8); border-top-width: 2px; border-top-style: solid; font-size: 12px; box-sizing: border-box;"><section style="box-sizing: border-box;"><span style="line-height: 1.6; box-sizing: border-box;"> 原文/ Nicolas Garcia Belmonte、Daniel Hertz</span></section><section style="box-sizing: border-box;"><span style="line-height: 1.6; box-sizing: border-box;"> 翻译/ 张天怡   </span><span style="line-height: 1.6; box-sizing: border-box;">文献/ 王奥博   校核/ 众山小</span></section><section style="box-sizing: border-box;"> 编辑/ 众山小   排版/ 解珊珊</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   width: 100%; box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="group-empty" style="display: inline-block; width: 100%; vertical-align: top; box-sizing: border-box;"> </section></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="display: inline-block; vertical-align: top; width: 38.2%; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeS2Q5c8kuSHUTkYJzGLkS3P2CXNHLQehc0LPz2PLkgkwfQKRNb2rUDUA.jpg" /></section></section></section><section class="" style="display: inline-block; vertical-align: top; width: 61.8%; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="   width: 100%; box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="width: 100%; box-sizing: border-box;"><section class="" style="display: block; float: left; padding: 0px 3px 0px 0px; line-height: 1; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; font-size: 14px; color: rgb(31, 156, 202); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">译者萌像&导读：</strong></section></section></section></section></section><section class="" style="display: block; min-height: 4.5em !important; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">Uber作为现如今我们经常使用的打车软件，在为民众提供高效便捷的出行方式，盘活城市闲置资源的同时，也在时时刻刻采集着富有价值的出行数据，则一介绍了Uber如何将这些数据高效地利用起来，为自己的决策作出重要作用，同时带来了极其震撼的可视化效果，令人惊艳！则二同样借助可视化的手段，基于Twitter直观分析了人口分布现状。讲述了一个职住失调的美国城市案例，然而不同于国内的潮汐式进出城就业现状，该地职住失调的深层次原因可能还涉及到了种族问题，这也进一步引发我们对种族歧视问题的思考。</section></section></section></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="width: 100%; height: 3em; box-sizing: border-box;"><section style="width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 129, 36); float: left; margin-top: 1.55em; box-sizing: border-box;"></section><section class="" style="width: 3em; height: 3em; display: inline-block; vertical-align: top; margin-top: -1.6em; border-radius: 100%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw/0?wx_fmt=png"); background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw.png" /></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: center; font-size: 18px; color: rgb(249, 110, 87); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">则一、数据可视化下的Uber智慧工程</strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin: 0px 0%;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/czwAT3pr57taWLHjfbJHXnIzEwcia7vD1QdcicpEd3ibnmTZ6Mzib0fl8hFBk7Mu6xedhr9tQaT2MBt1yxxKibCib9aQ.png" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: 1;  box-sizing: border-box; "><section class="" style="display: inline-block; vertical-align: top; box-sizing: border-box;"><span style="width: 0px; display: inline-block; border-right-width: 0.6em; border-right-style: solid; border-right-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span><span style="width: 0px; display: inline-block; opacity: 0.6; border-right-width: 0.6em; border-right-style: solid; border-right-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span> </section><section class="" style="display: inline-block; vertical-align: top; line-height: 1.2; padding-left: 3px; padding-right: 3px; font-size: 12px; box-sizing: border-box;"><section style="box-sizing: border-box;">原文/ Nicolas Garcia Belmonte   翻译/ 张天怡</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section><section class="" style="display: inline-block; vertical-align: top; box-sizing: border-box;"><span style="width: 0px; display: inline-block; opacity: 0.6; border-left-width: 0.6em; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span><span style="width: 0px; display: inline-block; border-left-width: 0.6em; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span> </section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">2015年初，我们开始正式组建数据可视化团队。其背后理念是：通过数据可视化分析工具对Uber的后台数据进行分析，并提供情报。Uber每天要管理几十亿的GPS位置数据。每一分钟，我们的平台就要处理数百万条移动信息。每当我们不使用数据技术去分析和理解这一信息，就意味着错失了更好地去理解商业的机会。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">自Uber成立以来，Uber的数据可视化工程师团队已经从只有我一名工程师，发展为一个15人的团队。数据可视化专家的技术涵盖了计算机图形学到信息设计，以及创意技术和网络平台开发等几方面。我们团队关注于为公众数据可视化进行数据分析，视觉呈现和框架开发的工作。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">让我们看看这些在部分工作中的作用：</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; overflow: hidden;  box-sizing: border-box; "><section class="" style="display: inline-block; box-sizing: border-box;"><section class="" style="display: inline-block; vertical-align: top; width: 4em; height: 4em; border-radius: 50%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A/0?wx_fmt=png"); background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A.png" /></section></section><section style="width: 100%; margin-left: 1.2em; margin-top: -1.2em; box-sizing: border-box;"><section style="float: left; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; height: 2em; margin-left: 1em; border-bottom-left-radius: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); max-width: 85% !important; box-sizing: border-box;"><section class="" style="margin-left: 1.5em; line-height: 1.5; padding-right: 0.5em; font-size: 16px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">可视分析：让Uber数据更有可操作性</strong></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section><section style="float: left; width: 5%; margin-left: -1px; box-sizing: border-box;"><section style="width: 6px; height: 6px; margin-top: 1.82em; border-radius: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeSOXhEzic5oxHmsRvpfAFowsTyTU2DPoJbqp3Ueic9ibRp42d8icfD4ia43rg.gif" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;"><em style="box-sizing: border-box;">图一、Uber A/B测试平台的图表和置信区间的可视化功能。联系我们索取高清图片。</em></strong></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">可视分析主要包括抽象数据可视化。这是指可视化中的数据没有固定的空间结构。相反，今天更提倡科学性可视化的概念，即将来自物理世界（地图、3D模型以及空间信息等）的进行最直观的可视分析。这一案例中大多数的数据分析工作将会涉及到大量数据，例如：报表，仪表盘等，同时将实时更新的网络数据进行实时分析。我们的团队注重于更多的业务洞察和可视化的探索，另一方面注重搭建可视化平台，包括我们的A/B测试平台和大型机器学习平台。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">我们的团队正在努力构建一些可重组的应用程序。我们最近开放了一些资源如react-vis和D3等可视化库，从视觉轴线，图表类型以及其他可视化元素，提供基于JSX的特定编程语言。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">我们也在制图上付出同样的努力</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; overflow: hidden;  box-sizing: border-box; "><section class="" style="display: inline-block; box-sizing: border-box;"><section class="" style="display: inline-block; vertical-align: top; width: 4em; height: 4em; border-radius: 50%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A/0?wx_fmt=png"); background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A.png" /></section></section><section style="width: 100%; margin-left: 1.2em; margin-top: -1.2em; box-sizing: border-box;"><section style="float: left; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; height: 2em; margin-left: 1em; border-bottom-left-radius: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); max-width: 85% !important; box-sizing: border-box;"><section class="" style="margin-left: 1.5em; line-height: 1.5; padding-right: 0.5em; font-size: 16px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">制图表达：富有探索性的数据</strong></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section><section style="float: left; width: 5%; margin-left: -1px; box-sizing: border-box;"><section style="width: 6px; height: 6px; margin-top: 1.82em; border-radius: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section><section style="box-sizing: border-box;">地理信息是我们Uber最大也是最有价值的资产之一。我们的平台每天要处理数十亿的实时GPS打点数据，并将这些数据实时进行可视化表达和分析，相较而言，这是一个巨大的挑战。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeSu71szNowZjM15TqicJsTIDLr1BC8LCiac5XQRjiba9HSJrZVAv0kaT9icw.gif" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; color: rgb(70, 69, 69); box-sizing: border-box;"><section style="box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;">图二、当鼠标滑过Uber可视化地图上的任意区域，你将看到实时的Uber出行轨迹。</strong></em></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">我们为不同的客户开发了多样化的制图工具。一种就是Uber在400多座城市所运行的管理人员和运营团队里的人员。他们需要及时的供需关系分布信息。他们也需要方法去汇总数据，从而更好地了解该城市的市场活动。另一类客户群体是数据科学家，他们需要丰富的可挖掘数据借口以获得多维数据（按产品，时间，地理信息等分）。我们为他们建立起应用，以更好地了解我们的数据。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">我们的技术聚合在这些应用中，包含一些我们开发得库和开源资源。react-map-gl在mapboxGL顶端提供了友好的图层，一个在Uber上我们广泛使用的来自于mapboxGL的一个库。deck.gl提供了建立WebGL图层的一个接口，并可以将地图上的数据或独立使用的抽象数据进行数据可视化。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeSBbJsz61gTVRMLEoHmQHsgZOYhLDwIFdbjgL4fjCAXNtuCZAYlgu8bw.gif" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; color: rgb(70, 69, 69); box-sizing: border-box;"><section style="box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;">图三、deck.gl 和 react-map-gl为WebGL提供接口并能作出数据密度高的地图应用</strong></em></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">但是所有的这些技术可以以更好的方式去呈现和应用， 数据可视化的一个强有力作用就是视觉故事的诉说以及数据艺术和阐述。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; overflow: hidden;  box-sizing: border-box; "><section class="" style="display: inline-block; box-sizing: border-box;"><section class="" style="display: inline-block; vertical-align: top; width: 4em; height: 4em; border-radius: 50%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A/0?wx_fmt=png"); background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A.png" /></section></section><section style="width: 100%; margin-left: 1.2em; margin-top: -1.2em; box-sizing: border-box;"><section style="float: left; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; height: 2em; margin-left: 1em; border-bottom-left-radius: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); max-width: 85% !important; box-sizing: border-box;"><section class="" style="margin-left: 1.5em; line-height: 1.5; padding-right: 0.5em; font-size: 16px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">公众视角：数据诉说故事</strong></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section><section style="float: left; width: 5%; margin-left: -1px; box-sizing: border-box;"><section style="width: 6px; height: 6px; margin-top: 1.82em; border-radius: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section><section style="box-sizing: border-box;">有许多有创意的方式来讲有关Uber可视化的故事。我们可以制作有关安全、效率、交通的相关专题，或者Uber在公共交通网络中所扮演的角色。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">我们最近制作了一个数据可视化，来探索UberPool是如何在使城市交通更有效率这一话题上产生作用的。在Travis Kalanick的TED演讲中，你将看到我们制作的数据可视化，展示了每一条路段上有UberPool和没有的交通情况，演示了UberPool通过减少交通量来使城市更智能的能力。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeS0JgD4vgMOO3xRP7SUWlwibh2ibRyaibscNDqFicKIu33eicTjDkYQFNNkMg.gif" /></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; color: rgb(70, 69, 69); box-sizing: border-box;"><section style="box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;">图四、左图：没有UberPool的市区交通拥堵状况。  右图：UberPool使用后等人数的人们用更智能的方式出行</strong></em></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">我们持续致力于其他的可视化叙事方式。这一块的工作有一些数据新闻、艺术和插图的混合，是一个有趣的挑战。如同为我们的产品进行内部的数据分析一样，数据处理又是另一个挑战，但是美观很重要，视觉冲击和人类感知经常会优于有效的数据设计技术。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">例如，我们启动了与设计团队的合作，将视频的理念延伸到了动态地图，来展示每一辆Uber全天的行程。这个结果是WebGL应用，通过对每一帧进行渲染制作并加工成一个视频。这个应用考虑到了数据采集过程（通过Hive）的方方面面，通过离线渲染技术构建起这一视频。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">一个逼真的三维动画地图展示了Uber一整天的动态行程：</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="padding: 3px; display: inline-block; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">视频一、旧金山</strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><p style="box-sizing: border-box; text-align: center;"><span style="white-space: pre-wrap; line-height: 1.6;"><iframe class="video_iframe" style="   z-index:1; " height="375" width="500" frameborder="0" src="https://v.qq.com/iframe/preview.html?vid=q0308a9olnt&width=500&height=375&auto=0" allowfullscreen=""></iframe></span></p><p style="box-sizing: border-box; text-align: center;"><span style="white-space: pre-wrap; line-height: 1.6;"><br  /></span></p></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="padding: 3px; display: inline-block; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">视频二、洛杉矶</strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><section style="box-sizing: border-box; text-align: center;"><iframe class="video_iframe" style="   z-index:1; " height="375" width="500" frameborder="0" src="https://v.qq.com/iframe/preview.html?vid=r0308niz8fl&width=500&height=375&auto=0" allowfullscreen=""></iframe><br  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section><section style="box-sizing: border-box;">通过这一工作，我们也开发出了luma.gl的框架体系，重点在与基于WebGL的可视化。它使用现代技术设计：ES6.WebGL2.0和基于组件的平台。这让luma.gl和其他库例如stack.gl一样存在可操作性。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; overflow: hidden;  box-sizing: border-box; "><section class="" style="display: inline-block; box-sizing: border-box;"><section class="" style="display: inline-block; vertical-align: top; width: 4em; height: 4em; border-radius: 50%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A/0?wx_fmt=png"); background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/ghxniaaLeNDvwmlQdneX3OYQgBOYpEL4m6mnjWOuUnwLiaaz5AWfpz3f8adLn0RTqcte0MmKrBibKQKIkQPXQc25A.png" /></section></section><section style="width: 100%; margin-left: 1.2em; margin-top: -1.2em; box-sizing: border-box;"><section style="float: left; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; height: 2em; margin-left: 1em; border-bottom-left-radius: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(249, 110, 87); max-width: 85% !important; box-sizing: border-box;"><section class="" style="margin-left: 1.5em; line-height: 1.5; padding-right: 0.5em; font-size: 16px; box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">还想知道更多吗？</strong></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section><section style="float: left; width: 5%; margin-left: -1px; box-sizing: border-box;"><section style="width: 6px; height: 6px; margin-top: 1.82em; border-radius: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section><section style="box-sizing: border-box;">就Uber来说，数据时我们最大的资产。我们通过使用数据创造富有探索性的数据分析工具，以更好地了解这个产业。对商业指标的数据阐述也让我们所有城市的管理人员意识到商业决策的重要性。如果你对从事这些挑战感兴趣，想加入我们的团队和Uber工程，请浏览我们的数据工程专栏并和data-viz@uber.com取得联络，我们期待收到你的来信。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="width: 100%; height: 3em; box-sizing: border-box;"><section style="width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 129, 36); float: left; margin-top: 1.55em; box-sizing: border-box;"></section><section class="" style="width: 3em; height: 3em; display: inline-block; vertical-align: top; margin-top: -1.6em; border-radius: 100%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw/0?wx_fmt=png"); background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw.png" /></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: center; font-size: 18px; color: rgb(249, 110, 87); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">则二、日夜隔离</strong></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin: 0px 0%;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/czwAT3pr57taWLHjfbJHXnIzEwcia7vD1QdcicpEd3ibnmTZ6Mzib0fl8hFBk7Mu6xedhr9tQaT2MBt1yxxKibCib9aQ.png" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: 1;  box-sizing: border-box; "><section class="" style="display: inline-block; vertical-align: top; box-sizing: border-box;"><span style="width: 0px; display: inline-block; border-right-width: 0.6em; border-right-style: solid; border-right-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span><span style="width: 0px; display: inline-block; opacity: 0.6; border-right-width: 0.6em; border-right-style: solid; border-right-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span> </section><section class="" style="display: inline-block; vertical-align: top; line-height: 1.2; padding-left: 3px; padding-right: 3px; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">原文/ Daniel Hertz  翻译/ 张天怡</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section><section class="" style="display: inline-block; vertical-align: top; box-sizing: border-box;"><span style="width: 0px; display: inline-block; opacity: 0.6; border-left-width: 0.6em; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span><span style="width: 0px; display: inline-block; border-left-width: 0.6em; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 0.5em !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 0.5em !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"> </span> </section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">在城市中，你经常会听到有人讨论“白天人口”：不是说有多少人住在一个地方，而是在他们醒着的时间有多少人有规律地聚集起来。所以，当谈到每天约有160万人居住在曼哈顿时，那么工作日差不多就有两倍的人在岛上。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">大部分研究的分离是指你所称作的“夜间人口数”，或者事实上是本地居民。当然，这一分离已经显示出明显的负面作用。但也带来了便利性的问题：人口普查意味着我们已经有了人们居住的详细数据。不过，对于他们不在家，碰巧去度假时，我们就很难拿到数据。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">但是一项有趣的研究问及日间出行是否或如何影响分隔的作用。作者——Taylor Shelton，Ate Poorthuis和Matthew Zook，使用Louisville的有地理标签的Twitter和Foursquare的数据KY来判断用户是更喜欢居住在城市的西边（黑人区）还是东边（白人区）。接着绘制出东边居民和西边居民的推文数量在整个城市中的比例。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeSP1ibzhRELiaumdp2iaibfPq577PWic7oGqJXlFPDJvIDN8gLG0N9GIOA0ibg.png" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; color: rgb(70, 69, 69); box-sizing: border-box;"><section style="box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;">图五、东西部居民分布状况（基于Twitter）</strong></em></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">结果令人惊讶：当看到西部是一个个接近紫色小块时，暗示着这里没有来自东部的居民。Louisville东部出现各种橘黄色、灰色和紫色的斑点——暗示着这里是东西部居民的聚合的地方。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">本质在于西部的居民，大多都是黑人，比东部的居民更有可能穿越分隔边界，东部居住的大多为白人。在某种程度上，这是一种必然。因为东部更富裕并且有更多的工作机会，商店和服务。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">但通过其他研究发现，这同样形成了种族隔离和相互避免的格局。讽刺的是种族隔离经常被描述为对弱势群体出行的限制——在许多重要方面，从健康结果到就业，就物理层面的人口流动而言，显示出西部的隔离并不是因为西部居民不愿意离开，而是东部的居民从来不会到访西部。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" text-align: center; margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9Tia9ZL4TE8so7AHdIdbiaM6MeS60toIyVYSs5ekTdeS2pVt4PgsnMqkEAFMY0P9wDFykScHicrDJEVibDg.png" /></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="font-size: 14px; color: rgb(70, 69, 69); box-sizing: border-box;"><section style="box-sizing: border-box;"><em style="box-sizing: border-box;"><strong style="box-sizing: border-box;">图六、第9大街街景，它将Louisville, KY的东部和西部分开。来源：Google Maps</strong></em></section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: justify; font-size: 14px; box-sizing: border-box;"><section style="box-sizing: border-box;">这与Ed Glaeser的研究吻合，他在1970的时候得出这个结论，夜间人口居住分隔的持续性已由白人决定，以避免生活在黑人比重高的社区，当黑人迁入时，他们选择离开。这同时也与Robert Sampson的研究形成共鸣，在一个黑人占主导的社区，白人易受羞辱，Maria Krysan发现当黑人对芝加哥白人社区的了解，取决于距离的远近与经济阶级，白人通常会说自己一点也不了解黑人社区，无论什么原因。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">Shelton, Poorthuis,和Zook发现有些活动可以描述东部和西部的居民：在赛马赛季的时候，有一群人会出现在丘吉尔镇附近的马场上，但是会在赛季结束后消失。换句话说，当这些有希望的活动可以产生地理传递的信号时，这些到访就会显得相当少或者受限，不让在西部增加日间人口以产生更大的影响。</section><section style="box-sizing: border-box;"> </section><section style="box-sizing: border-box;">那表明对于这种分离的救济将会比偶然性的事情走得更深，人们花一些时间穿越城市。但是这篇文章也强调了当我们想起分隔时，我们需要去更多地思考人们晚上睡哪儿。</section><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px; text-align: center;  box-sizing: border-box; "><section class="" style="width: 100%; height: 3em; box-sizing: border-box;"><section style="width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 129, 36); float: left; margin-top: 1.55em; box-sizing: border-box;"></section><section class="" style="width: 3em; height: 3em; display: inline-block; vertical-align: top; margin-top: -1.6em; border-radius: 100%; box-sizing: border-box; background-image: url("http://img02.store.sogou.com/net/a/05/link?appid=100520091&url=http://mmbiz.qpic.cn/mmbiz/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw/0?wx_fmt=png"); background-color: white; background-size: cover; background-position: center center; background-repeat: no-repeat;"><section class="" style="width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;"> <img src="http://up.upnews.cn/images/20160622/viaPOQLKd5w4jHQfNCbVVJqh0vIEcib12MY8MF3X5zqcgUfJzTzVnVNj2z2fYW6V9icX2U3CsEK7uEem3icG3lY5Xw.png" /></section></section><section style="clear: both; box-sizing: border-box;"></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="color: rgb(166, 91, 203); font-size: 16px; box-sizing: border-box;"><section style="box-sizing: border-box;"><img src="http://up.upnews.cn/images/20160622/mee9Bdh9TiaibUHmvMHKKlq7Z0NapVpQ66icebNsZQJNkbRLummzHgvgEvnqzv7pDOic2s5Qzufae9hsrJB3WyKZsg.jpg" /><br  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style="   box-sizing: border-box; "><section class="" style="display: inline-block; vertical-align: top; width: 12%; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style=" margin: 0.5em 0px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/7PoXnYicCib7j3r6ibMvkMEt6rC3bTgXfPkZ03DNOIyKuX8iaLomtdzs2EANUoTibib811pyLB555ibUL1VAictYFhVnGQ.gif" /></section></section></section><section class="" style="display: inline-block; vertical-align: top; width: 88%; padding: 5px; box-sizing: border-box;"><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="color: rgb(243, 115, 178); box-sizing: border-box;"><section style="box-sizing: border-box;"><strong style="box-sizing: border-box;">购买2015上半年刊，请点击“阅读原文”</strong></section></section></section></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin: 0.5em 0px; text-align: center;  box-sizing: border-box; "><section class="" style="width: 2.2em; height: 2.2em; border: 0.12em solid rgb(225, 224, 224); border-radius: 50%; margin: auto; padding-top: 0.5em; box-shadow: rgb(194, 190, 190) 0px 0.2em 0.2em; box-sizing: border-box;"></section><section class="" style="width: 100%; margin-top: -1.7em; box-sizing: border-box;"><section style="width: 1.2em; height: 1.2em; margin: -0.5em auto; border: 0.1em solid rgba(102, 102, 102, 0.45098); border-radius: 50%; box-sizing: border-box; background-color: rgb(204, 204, 204);"></section></section><section class="" style=" transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); box-sizing: border-box;"><section style="width: 2.5em; height: 2.5em; border-left-width: 0.1em; border-left-style: solid; border-left-color: rgb(204, 204, 204); border-top-width: 0.1em; border-top-style: solid; border-top-color: rgb(204, 204, 204); margin: 0.3em auto; box-sizing: border-box;"></section></section><section class="" style="margin-top: -2.9em; box-sizing: border-box;"><section style="width: 3.5em; height: 0.5em; display: inline-block; margin: auto auto -1em; vertical-align: middle; box-sizing: border-box; background: rgb(255, 255, 255);"></section></section><section class="" style="margin-top: 1.3em; box-sizing: border-box;"><section class="" style="box-sizing: border-box; border-radius: 0.5em; padding: 1em; margin-top: -1.5em; border: 0.1em solid rgb(204, 204, 204); width: 100%; height: auto !important;"><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9TiaibUHmvMHKKlq7Z0NapVpQ6679D6FBoicvMsIE6WqHAhwBukOHK9xicqHtVzwibW3SHGYkaL4Ug9ls2Mg.jpg" /></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9TiaibUHmvMHKKlq7Z0NapVpQ66BpApNOxia1HXkEick0ic92V4Q9kHaibx3KcJQdUS5w2GUAjVbamnR2AT5g.jpg" /></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; font-size: 14px; box-sizing: border-box;"><section style="text-align: center; box-sizing: border-box;">「 欢迎投稿 」</section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; font-size: 12px; box-sizing: border-box;"><section style="text-align: center; box-sizing: border-box;">我们作为专业志愿者团体，秉承理想，帮助中国可持续发展。并为之贡献：理念与传播、培训与教育、实践与孵化。欢迎您加入我们一起并肩前行！</section><section style="text-align: center; box-sizing: border-box;">2014-2016 ? 转载请注明：<br style="box-sizing: border-box;"  />源自公众号“一览众山小-可持续城市与交通”</section></section></section></section><section class="Powered-by-XIUMI V5" style="   box-sizing: border-box; "><section class="" style=" margin-top: 10px; margin-bottom: 10px;  box-sizing: border-box; "><img src="http://up.upnews.cn/images/20160622/mee9Bdh9TiaibUHmvMHKKlq7Z0NapVpQ66ToP2XNMqrvkreYAYX3szLjPNyVw8jUV38SibbVnicDoVTd0ibGWk35ic1A.jpg" /></section></section><section class="Powered-by-XIUMI V5" style="box-sizing: border-box;"><section class="" style="   box-sizing: border-box; "><section class="" style="text-align: left; font-size: 12px; box-sizing: border-box;"><section style="box-sizing: border-box;"><br style="box-sizing: border-box;"  /></section></section></section></section></section></section><section class="" style="clear: both; box-sizing: border-box;"></section></section></section></section>
                    </div>
<br />