国匠城工作台

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

标题

分类

（编号：1116）

链接

作者

时间

政策

省

市

年

月

直播

主办：
协办：
时间：
会议室：
直播链接：

/h1

/h2

strong

/strong

<br />

<p style="white-space: normal;text-align: center;"><img class="rich_pages" data-backh="754" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZkpSAmUtWJicbbtFwQd0bmnOkNL4PrI9ZIJDwGVM4sjfLDvDQAiafIYVg/0?wx_fmt=jpeg" data-cropselx1="0" data-cropselx2="574" data-cropsely1="0" data-cropsely2="280" data-ratio="1.3145057766367136" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZkpSAmUtWJicbbtFwQd0bmnOkNL4PrI9ZIJDwGVM4sjfLDvDQAiafIYVg/640?wx_fmt=jpeg" data-type="jpeg" data-w="779" style="width: 100%;height: auto;"  /></p><section data-id="12859" style="white-space: normal;font-size: 16px;background-color: rgb(255, 255, 255);border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;max-width: 558px;overflow-wrap: break-word;"><section style="margin-top: 2px;margin-bottom: 2px;border-color: rgb(30, 155, 232);border-bottom-style: solid;border-bottom-width: 2px;border-left-width: 0px;border-top-style: solid;border-top-width: 2px;box-sizing: border-box;color: rgb(30, 155, 232);font-weight: 700;max-width: 558px;text-align: center;overflow-wrap: break-word;"><section style="border-color: rgb(30, 155, 232);box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section style="margin-top: 12.8px;margin-bottom: 8px;border-color: rgb(30, 155, 232);border-style: none;border-width: 0px;box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section style="box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><p style="line-height: 2em;"><span style="font-size: 20px;">264</span></p><p style="line-height: 2em;"><br  /></p><section style="line-height: 2em;"><strong><span style="font-size: 21px;font-family: 微软雅黑, sans-serif;">Visualizing complexity</span></strong></section><p><strong><span style="font-size: 21px;font-family: 微软雅黑, sans-serif;"> </span></strong></p></section></section></section></section></section><section data-id="2876" style="white-space: normal;font-size: 16px;background-color: rgb(255, 255, 255);border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;max-width: 558px;overflow-wrap: break-word;"><section data-id="2876" data-color="rgb(30, 155, 232)" data-custom="rgb(30, 155, 232)" style="border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section data-id="708" data-color="rgb(30, 155, 232)" data-custom="rgb(30, 155, 232)" style="border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section style="margin-top: 10px;margin-bottom: 10px;padding: 35px;background-color: rgb(30, 155, 232);border-color: rgb(30, 155, 232);box-sizing: border-box;color: rgb(255, 255, 255);max-width: 558px;overflow-wrap: break-word;"><p style="line-height: 2em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 18px;">When everything is visualized…</span></p></section></section></section></section><section style="line-height: 1.5em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 15px;">Manuel Lima, 2011. Visual Complexity: Mapping Patterns of Information, Princeton Architectural Press.</span></section><section style="line-height: 1.5em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 15px;"> </span></section><section style="line-height: 1.5em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 15px;">Sources: http://www.visualcomplexity.com/vc/book/</span></section><section style="line-height: 1.5em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 15px;">http://www.eyemagazine.com/review/article/networks-map-a-complex-world</span></section><section style="line-height: 1.5em;"><span style="font-family: 微软雅黑, sans-serif;font-size: 15px;">https://www.brainpickings.org/2011/08/31/visual-complexity-book/</span></section><p><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></p><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">VisualComplexity.com, founded by Manuel Lima in 2005, is a repository of experimental visual mapping of complex networks. Among the many projects indexed there (more than 770 at the time of writing), the website displays a wide variety of visualizations across fields such as biology, physics, ecology, computer science, sociology, news and government data. Examples include the relationship between scientific disciplines; GPS co-ordinates and the speed of taxis; internet connectivity; terrorist affiliations; and a wide variety of other applications.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">This vast repository—frequently referred to as a “map of maps” and depicting an assortment of systems in subject areas as diverse as biology, social networks, and the World Wide Web—is the most complete and accessible chart of the field’s landscape. Some projects are rich interactive applications that go beyond the computer screen and livein large-scale multisensorial installations; others are static, meant to be experienced in print media like posters and printouts. Some require hours of rendering and complex algorithms to produce; others are simply drafted by handor use a specific drawing software. Although VisualComplexity.com has grown to over seven hundred projects, the goal remains the same: to facilitate acritical understanding of different network-visualization methods across the widest spectrum of knowledge.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Lima distils lessons from this enormous Web-based project, establishes themes, principles and best practice, and publishes a book,  <strong><em>Visual Complexity: Mapping Patterns of Information</em></strong>. In this book, Manuel Lima collects and presents almost three hundred of the most compelling examples of information design — everything from representing networks of followers on Twitter and the eighty-five recorded covers of Joy Division’s “Love Will Tear Us Apart” todepicting interconnections between members of the Al Queda network and interactions among proteins in a human cell. Lima also looks at the long tradition of mapping complex networks, offering the first book to integrate athorough history of network vizualization with an examination of the real-lifesituations from which these graphics are generated.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">In the foreword, Lev Manovich explains that information visualization and networks science are ‘two key techno-cultural phenomena of our time’. These fast-moving fields facilitate the perception of structure and dynamics in complex systems. Both network science and information visualization hold the potential to address communication problems in the face of ever-increasing complexity, and Lima does an admirable job of documenting this emerging field of practice.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section><span style="font-size: 18px;"><strong><strong style="font-family: 微软雅黑, sans-serif;"><span style="line-height: 27px;max-width: none;color: rgb(30, 155, 232);overflow-wrap: break-word;box-sizing: content-box;font-family: 微软雅黑;background-color: rgb(255, 255, 255);min-height: 0px;background-image: none;background-clip: border-box;background-position: 0% 0%;background-repeat: repeat;background-size: auto;border-width: 0px;border-style: none;border-color: rgb(30, 155, 232);bottom: auto;height: auto;left: auto;max-height: none;min-width: 0px;text-align: center;top: auto;z-index: auto;visibility: visible;clear: none;">Organization of this book</span></strong></strong></span></section><section style="line-height: 2em;"><br  /></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Lima argues that the network is a truly ubiquitous structure present in most natural and artificial systems you canthink of, from power grids to proteins, the internet, and the brain. Usually depicted by network diagrams made of nodes (a person, website, neuron, protein,or airport) and lines that connect and highlight relationships between the nodes (friendship, chemical exchange, or information flow), networks are an inherent fabric of life and a growing object of study in various scientific domains.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">The book opens with “Tree of Life,” an exploration of the sacred meaning of trees and their widespread use as a classification system over the centuries. It showcases an assortment of ancient representations—as predecessors of modern-day network diagrams—where the tree metaphor is used to visually convey a variety of topics, from theological events to an encyclopedia’s table of contents.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"><br  /></span></section><p style="text-align: center;"><img class="rich_pages" data-backh="714" data-backw="564" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZsy1GnQwdDWUjWVgm9a92At6SzvicEKicwIJ80MlInu0cmpO1exES2xjw/0?wx_fmt=jpeg" data-croporisrc="http://mmbiz.qpic.cn/mmbiz_png/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZ0ibZQw74o0etRDU3ib6IVnrOnicqGBm1Py08icjfbd20S2jq7GohWlBnug/0?wx_fmt=png" data-cropx1="11.010452961672474" data-cropx2="632" data-cropy1="0" data-cropy2="786.1463414634147" data-ratio="1.2657004830917875" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZsy1GnQwdDWUjWVgm9a92At6SzvicEKicwIJ80MlInu0cmpO1exES2xjw/640?wx_fmt=jpeg" data-type="jpeg" data-w="621" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;color: rgb(136, 136, 136);">The porphyrian tree, the oldest known type of a classificatory tree diagram</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">The second chapter, “From Trees to Networks,” makes the case for a new network-based outlook on the world, one that is based on diversity, decentralization, and nonlinearity. It explores several instances—from the way we envision our cities to the way we organize information and decode our brain—where an alternative network model is replacing the hierarchical tree schema.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Chapter three, “Decoding Networks,”delves into the science behind network thinking and network drawing, providinga short introduction to its main precursors and early milestones. It also takes a pragmatic and utilitarian look at network visualization, acknowledging its key functions and proposing a set of guiding principles aimed at improvingexisting methods and techniques.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Chapter four, “Infinite Interconnectedness,” presents a large number of examples divided into fourteen popular subjects.From depictions of the blogo sphere to representations of terrorist networks, chapter four highlights the truly complex connectedness of modern times.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Chapter five, “The Syntax of a New Language,” organizes a vast array of projects by their shared visual layouts and configurations. As designers, scientists, and researchers across the globe portray an increasing number of network structures in innovative ways, their collective effort forms the building blocks of a new network visualization lexicon.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"><br  /></span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Chapter six, “Complex Beauty,” examines the alluring nature of networks, responsible for a considerable shift in ourculture and society. Alternating between scientific and artistic viewpoints, this chapter explores the divide between order and complexity before culminating in a discussion of an original art movement embracing the newly discovered beauty of the network scheme.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">Finally, and in the spirit of network diversity and decentralization, “Looking Ahead,” the last chapter, presents different views on the influential growth of visualization, according to renowned experts, active participants, and attentive observers. The featured essays cover an array of trends and technologies shaping the progress of visualization and provide an immensely captivating perspective on what may lie ahead.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">By exploring different facets of our information driven network culture, this book ultimately unifies two rising disciplines: network science and information visualization. While network science examines the interconnections of various natural and artificial systemsin areas as diverse as physics, genetics, sociology, and urban planning, information visualization aims at visually translating large volumes of data into digestible insights, creating an explicit bridge between data and knowledge.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"><br  /></span></section><section style="line-height: 2em;"><span style="font-size: 18px;"><strong><strong style="font-family: 微软雅黑, sans-serif;"><span style="line-height: 27px;max-width: none;color: rgb(30, 155, 232);overflow-wrap: break-word;box-sizing: content-box;font-family: 微软雅黑;background-color: rgb(255, 255, 255);min-height: 0px;background-image: none;background-clip: border-box;background-position: 0% 0%;background-repeat: repeat;background-size: auto;border-width: 0px;border-style: none;border-color: rgb(30, 155, 232);bottom: auto;height: auto;left: auto;max-height: none;min-width: 0px;text-align: center;top: auto;z-index: auto;visibility: visible;clear: none;">Amazing visualizations from the book</span></strong></strong></span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="margin-bottom: 16px;text-align: justify;background: white;vertical-align: baseline;line-height: 2em;"><span style="font-family: 微软雅黑, sans-serif;color: rgb(38, 38, 38);font-size: 16px;">Fromthe Bible to Wikipedia edits to the human genome, the gorgeous and thought-provoking visualizations in the book will make you look at the world ina whole new way, and the insightful essays accompanying them will vastly expand your understanding of the trends and technologies shaping our ever-evolving relationship with information.</span></section><p style="text-align: center;"><img class="rich_pages" data-backh="807" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZpJMLow4AuDHvgXib6OphRCn8P5qO99YicmldJowoXtJJshDRjrE73CkA/0?wx_fmt=jpeg" data-ratio="1.4052173913043478" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZpJMLow4AuDHvgXib6OphRCn8P5qO99YicmldJowoXtJJshDRjrE73CkA/640?wx_fmt=jpeg" data-type="jpeg" data-w="575" style="width: 100%;height: auto;"  /></p><p style="margin-bottom: 16px;text-align: justify;background: white;vertical-align: baseline;line-height: normal;"><span style="font-size: 16px;color: rgb(136, 136, 136);font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;">The tree of the Two Advents</span></p><p style="line-height: normal;"><span style="font-size: 16px;color: rgb(136, 136, 136);font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">Joachim of Fiore, Liber figurarum, 1202</span></p><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">This remarkable figure presents the main characters and institutions of the Christian salvation history. From bottom to top: Adam, Jacob the Patriarch, Ozias the Prophet, and Jesus Christ (repeated twice). The figure of Christ dominates the center of the genealogical tree (representing the first coming, or Redemption), as well as the very top (the place of thesecond coming, or Resurrection). The lower branches, originating from the figure of Jacob the Patriarch, correspond to the twelve tribes of Israel, and the top branches, radiating from the image of Jesus Christ, symbolize the twelve Christian churches.</span></section><section style="line-height: 2em;"></section><section style="line-height: 2em;"><em><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></em></section><p style="text-align: center;"><img class="rich_pages" data-backh="780" data-backw="494" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZrLuYNnKw81RGQ2e7ic4VULOmRYoQ98F5s46Qt5mnKLlwDNOUy8GN4LA/0?wx_fmt=jpeg" data-ratio="1.5757575757575757" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZrLuYNnKw81RGQ2e7ic4VULOmRYoQ98F5s46Qt5mnKLlwDNOUy8GN4LA/640?wx_fmt=jpeg" data-type="jpeg" data-w="495" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"><span style="color: rgb(136, 136, 136);font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;">Brain and Body</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);">Alesha Sivartha, The Book of Life: The Spiritual and Physical Constitution of Man, 1912</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  /></span></section><p style="text-align: center;"><img class="rich_pages" data-backh="682" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZicQgZVL3WU0KwX7CypVXb7mKKkI7Uof4jd5fRGdqJCdEictS1JzcVUdQ/0?wx_fmt=jpeg" data-ratio="1.186490455212922" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZicQgZVL3WU0KwX7CypVXb7mKKkI7Uof4jd5fRGdqJCdEictS1JzcVUdQ/640?wx_fmt=jpeg" data-type="jpeg" data-w="681" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"><span style="color: rgb(136, 136, 136);font-family: 微软雅黑, sans-serif;font-size: 16px;">Density Design: Mario Porpora</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);">The Poverty Red Thread, 2008</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">A map of the poverty line in Italy organized according to family typologies (number of family members), and further categorized by location (thenorth, center, or south of Italy).</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></section><p style="text-align: center;"><img class="rich_pages" data-backh="574" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZN9omND9AmZUIyTDUBLENBrXcsib2ibWmxDIqkWmhgeoFY1wlP75lHqsg/0?wx_fmt=jpeg" data-ratio="0.9986111111111111" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZN9omND9AmZUIyTDUBLENBrXcsib2ibWmxDIqkWmhgeoFY1wlP75lHqsg/640?wx_fmt=jpeg" data-type="jpeg" data-w="720" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);">Martin Krzywinski</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);"> Circos, 2005</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  /></span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">A visualization of chromosomal relationships within one genome.</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  /></span></section><p style="text-align: center;"><img class="rich_pages" data-backh="742" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_png/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZafgMh05WNJj17Fibcib2ZXiaFEJBbuPic7JBmx59CzMmSH4wFdn8bEYOdA/0?wx_fmt=png" data-ratio="1.291044776119403" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_png/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZafgMh05WNJj17Fibcib2ZXiaFEJBbuPic7JBmx59CzMmSH4wFdn8bEYOdA/640?wx_fmt=png" data-type="png" data-w="670" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);">Stefanie Posavec</span><span style="font-size: 16px;color: rgb(136, 136, 136);font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  />Writing Without Words, 2008</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">A chart of the structure of part one of Jack Kerouac’s On the Road(1957). Each splitting of the branch into progressively smaller sections parallels the organization of the content from chapters to paragraphs, sentences, and words. Each color relates to one of eleven thematic categories created by Posavec for the book (e.g., travel, work and survival, sketches of regional life).</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  /></span></section><p style="text-align: center;"><img class="rich_pages" data-backh="574" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZbVqpKZhdDK3qtrJQ8fKzrJMmmIdPLZ5fGpm2oCiazjwL07ZBrmQGXBw/0?wx_fmt=jpeg" data-ratio="1" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZbVqpKZhdDK3qtrJQ8fKzrJMmmIdPLZ5fGpm2oCiazjwL07ZBrmQGXBw/640?wx_fmt=jpeg" data-type="jpeg" data-w="669" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;color: rgb(136, 136, 136);">Christoper Paul Baker</span><span style="font-size: 16px;color: rgb(136, 136, 136);font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  />Email Map, 2007</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">A rendering of the relationships between Baker and individuals in his address book generated by examining the to, from, and cc fields of every email in his in-box archive.</span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></section><p style="text-align: center;"><img class="rich_pages" data-backh="345" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZbOF7VuFp0hGZ9dCytsAkxJOw6icUUAk4IV3GCrtfXRjx5ghn5ybd74A/0?wx_fmt=jpeg" data-ratio="0.6" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZbOF7VuFp0hGZ9dCytsAkxJOw6icUUAk4IV3GCrtfXRjx5ghn5ybd74A/640?wx_fmt=jpeg" data-type="jpeg" data-w="720" style="width: 100%;height: auto;"  /></p><section style="line-height: 2em;"></section><section style="line-height: 2em;"><span style="color: rgb(136, 136, 136);"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">Chris Harrison</span><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"><br  />Visualizing the Bible, 2007</span></span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;"> </span></section><section style="line-height: 2em;"><span style="font-size: 16px;font-family: 微软雅黑, sans-serif;border-width: 1px;border-style: none;border-color: windowtext;padding: 0px;">A map of the 63,779 cross-references found in the Bible. The bargraph on the bottom represents all of the books in the Bible, alternating between white and light gray for easy differentiation. The length of each bar, representative of a book’s chapter and dropping below the datum, corresponds to the number of verses in that chapter. Each arc represents a textual cross-reference(e.g., place, person), and the color denotes the distance between the two chapters where the reference appears — ultimately creating a rainbowlike effect.</span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></section><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">By the way, the cover of this book shows Borris Muller’s visualization of the 35,558 words in Lima’s book.</span></section><p><span style="font-size:16px;font-family:微软雅黑,sans-serif;"> </span></p><section style="line-height: 2em;"><span style="font-size:16px;font-family:微软雅黑,sans-serif;">P.S. Lima published his second book, <em>The Book of Trees: Visualizing Branches of Knowledge</em>, in 2014 by Princeton Architectural Press, covers over 800 years of human culture through the lens of the tree figure, from its entrenched roots in religious medieval exegesis to its contemporary, secular digital themes. And Lima's latest book, <em>The Book of Circles: Visualizing Spheres of Knowledge</em>, was published in 2018 by the same publisher.</span></section><p><br  /></p><p style="text-align: center;"><img class="rich_pages" data-backh="733" data-backw="554" data-ratio="1.3231046931407942" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_png/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZicwE947iaE7jzcckYPaM7ARwDI14z5o2FCCcujSKx2jje6k64mGJpx4Q/640?wx_fmt=png" data-type="png" data-w="554" style="width: 100%;height: auto;"  /></p><p><br  /></p><p style="text-align: center;"><img class="rich_pages" data-backh="707" data-backw="574" data-before-oversubscription-url="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZyHniaMmP2ktl7IathQTX042BD0k8Iicp5ccicUMa8XqgQ9tJCWaRVBHRQ/0?wx_fmt=jpeg" data-ratio="1.23125" data-s="300,640" src="http://mmbiz.qpic.cn/mmbiz_jpg/CLVLtjGYokAfnRtvcYAM6vYSyDH0XDJZyHniaMmP2ktl7IathQTX042BD0k8Iicp5ccicUMa8XqgQ9tJCWaRVBHRQ/640?wx_fmt=jpeg" data-type="jpeg" data-w="1280" style="width: 100%;height: auto;"  /></p><p style="text-align: center;"><br  /></p><p style="text-align: center;"><br  /></p><p style="text-align: center;"><br  /></p><section data-id="1873" style="white-space: normal;font-size: 16px;background-color: rgb(255, 255, 255);border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;max-width: 558px;overflow-wrap: break-word;"><section style="background-color: rgb(30, 155, 232);border-radius: 28px;box-sizing: border-box;color: rgb(255, 255, 255);font-size: 14px;height: 35px;line-height: 35px;max-width: 558px;overflow-wrap: break-word;"><p data-brushtype="text" style="box-sizing: border-box;display: inline-block;max-width: 558px;min-height: 14px;overflow-wrap: break-word;"><span style="box-sizing: border-box;font-size: 18px;max-width: 100%;overflow-wrap: break-word;">Related </span></p></section></section><section data-id="24" style="white-space: normal;background-color: rgb(255, 255, 255);border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;max-width: 558px;overflow-wrap: break-word;"><section style="margin: 3px;padding: 15px;box-shadow: rgb(170, 170, 170) 0px 0px 3px;box-sizing: border-box;line-height: 24px;max-width: 558px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-wrap: break-word;"><section class=""><span style="font-size: 16px;">06. </span><span style="font-size: 16px;">│Life in the City Is Essentially One Giant Math Problem</span></section><p><span style="font-size: 16px;">23.</span><span style="font-size: 16px;"> </span><span style="font-size: 16px;">│How to Lie With Maps</span></p><p><span style="font-size: 16px;">35.</span><span style="font-size: 16px;"> </span><span style="font-size: 16px;">│The Joy of Stats</span></p><p><span style="font-size: 16px;">105.</span><span style="font-size: 16px;">│Winners and Losers of Globalization</span></p><p><span style="font-size: 16px;">110.</span><span style="font-size: 16px;">│Is the World Getting Worse or Better?</span></p><p><span style="font-size: 16px;">117.</span><span style="font-size: 16px;">|Remembering Edutainer Hans Rosling,Who Made Data Dance</span></p><p><span style="font-size: 16px;">127.</span><span style="font-size: 16px;">│Everybody Lies: How the Internet Reveals Who We Are</span></p><p><span style="font-size: 16px;">129.</span><span style="font-size: 16px;">│10 Graphics Explain Climate Change</span></p><p><span style="font-size: 16px;">175.</span><span style="font-size: 16px;">│What Is the Best Way to Learn Statistics?</span></p><p><span style="font-size: 16px;">211.</span><span style="font-size: 16px;">│Learning Statistical Thinking for the 21st Century</span></p><p><span style="font-size: 16px;">212.</span><span style="font-size: 16px;">│Industrial City Life under the Brush of L.S. Lowry</span></p><p><span style="font-size: 16px;">213.</span><span style="font-size: 16px;">│When Words Meet Numbers: What It Reveals about Writing</span></p><p><span style="font-size: 16px;">215.</span><span style="font-size: 16px;">│Thinking through Images: A Phd Thesis in Comics</span></p><p><span style="font-size: 16px;">228.</span><span style="font-size: 16px;">│How to Map the Spatial Logic of Society?</span></p><p><span style="font-size: 16px;">234.</span><span style="font-size: 16px;">│How to Take Smart Notes:Luhmann’s Slip-Box</span></p><p><span style="font-size: 16px;">235.</span><span style="font-size: 16px;">│How to Spot Chart Lies?</span></p><p><span style="font-size: 16px;">248.</span><span style="font-size: 16px;">│Seeing Our Urbanizing Planet Like Satellites</span></p><h2 class="rich_media_title"><span style="font-size: 16px;">250.</span><span style="font-size: 16px;">│This Book Will Change How You View Globalization</span></h2><p>252.<span style="font-size: 16px;">│How To Improve Your Data Literacy?</span></p><p><span style="font-family: inherit;font-weight: bold;color: rgb(0, 0, 0);font-size: 16px;box-sizing: border-box;line-height: 25.6px;max-width: 100%;overflow-wrap: break-word;">（Click the title or enter our WeChat menu and reply number </span><span style="font-weight: bold;color: rgb(0, 0, 0);font-size: 16px;box-sizing: border-box;font-family: 宋体;line-height: 25.6px;max-width: 100%;overflow-wrap: break-word;">）</span></p></section></section><section label="powered by gulangu" style="white-space: normal;font-size: 16px;background-color: rgb(255, 255, 255);box-sizing: border-box;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;max-width: 558px;overflow-wrap: break-word;"><section label="powered by gulangu" style="box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section data-id="85996" style="border-color: rgb(62, 62, 62);border-style: none;border-width: 0px;box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section style="box-sizing: border-box;max-width: 558px;text-align: center;overflow-wrap: break-word;"><section style="padding: 40px;background-color: rgb(244, 244, 244);box-sizing: border-box;max-width: 558px;overflow-wrap: break-word;"><section style="margin-bottom: 10px;box-sizing: border-box;max-width: 478px;overflow-wrap: break-word;"><span style="box-sizing: border-box;font-family: arial, helvetica, sans-serif;max-width: 100%;overflow-wrap: break-word;"><strong style="box-sizing: border-box;max-width: 100%;overflow-wrap: break-word;"><span style="box-sizing: border-box;color: rgb(3, 3, 3);font-size: 24px;max-width: 100%;overflow-wrap: break-word;"></span></strong></span><span style="box-sizing: border-box;color: rgb(3, 3, 3);font-family: 黑体, SimHei;font-size: 24px;font-weight: 600;max-width: 100%;overflow-wrap: break-word;"> </span><span style="box-sizing: border-box;color: rgb(63, 63, 63);font-size: 40px;max-width: 100%;overflow-wrap: break-word;">∣</span><span style="box-sizing: border-box;color: rgb(3, 3, 3);font-size: 14px;line-height: 22.4px;max-width: 100%;overflow-wrap: break-word;">Notes On Cities</span></section><section style="margin-top: 14px;box-sizing: border-box;display: inline-block;max-width: 478px;vertical-align: top;overflow-wrap: break-word;"><img border="0" data-ratio="1" src="http://mmbiz.qpic.cn/mmbiz/CLVLtjGYokDIkyxv2ebrTUPKZaaUpumsJhoic2WAba64W3vvvZWdvKfnQCTicN1HRWWV1bDNVzBW1P4aX41kZcaA/640?" data-w="640" height="auto" opacity="" title="" width="120" style="padding: 4px;max-width: 120px;height: 120px;background-color: rgb(255, 255, 255);border-color: rgb(221, 221, 221);border-radius: 4px;border-style: solid;border-width: 1px;box-sizing: border-box;visibility: visible;width: 120px;overflow-wrap: break-word;"  /></section><p style="margin-top: 6px;box-sizing: border-box;max-width: 478px;min-height: 16px;overflow-wrap: break-word;"><span style="box-sizing: border-box;font-size: 14px;max-width: 100%;overflow-wrap: break-word;">"", a subscription account on WeChat, </span></p><p style="margin-top: 6px;box-sizing: border-box;max-width: 478px;min-height: 16px;overflow-wrap: break-word;"><span style="box-sizing: border-box;font-size: 14px;max-width: 100%;overflow-wrap: break-word;">posts our notes on city reads weekly. </span></p><p style="margin-top: 6px;box-sizing: border-box;max-width: 478px;min-height: 16px;overflow-wrap: break-word;"><span style="box-sizing: border-box;font-size: 14px;max-width: 100%;overflow-wrap: break-word;">Please follow us by searching "</span></p></section></section></section></section></section>
                <br />