Jekyll2018-01-17T13:41:21+00:00https://chenyunshi2017.github.io/如我 RUWO感谢宇宙感谢你课堂笔记2018-01-17T14:07:50+00:002018-01-17T14:07:50+00:00https://chenyunshi2017.github.io/article/post<h2 id="部分课堂上的图片笔记">部分课堂上的（图片）笔记</h2> <h3 id="1比例的简单公式">1.比例的简单公式：</h3> <p>结果=目标/上下文<br /> target÷context=result</p> <h3 id="2">2.</h3> <p><img src="http://a4.qpic.cn/psb?/V11G6t9Q3pzLi9/zRxmcw8G*U4a9MArqjoNBxrAQe9tRsvDPuWKc.LIGhE!/m/dD8BAAAAAAAAnull&amp;bo=oAU4BKAFOAQRBzA!&amp;rf=photolist&amp;t=5" alt="中文笔记2" /><br /> <img src="http://a1.qpic.cn/psb?/V11G6t9Q3pzLi9/fHtimScW3tfSJHU2Lz4Lyp1NjvCTLYuZVhnzR2*3q6c!/m/dGgBAAAAAAAAnull&amp;bo=oAU4BKAFOAQRBzA!&amp;rf=photolist&amp;t=5" alt="英文笔记2" /></p> <h3 id="3">3.</h3> <p><img src="http://a4.qpic.cn/psb?/V11G6t9Q3pzLi9/slj7Z4B.YKoPZ6HhCPrjLXnOMwyxcLF3BLplqB*Up9k!/m/dD8BAAAAAAAAnull&amp;bo=oAU4BKAFOAQRBzA!&amp;rf=photolist&amp;t=5" alt="笔记3" /></p>部分课堂上的（图片）笔记可视化作品展示2018-01-07T14:07:50+00:002018-01-07T14:07:50+00:00https://chenyunshi2017.github.io/zuopinji/%E6%8F%90%E4%BA%A4%E4%BD%9C%E4%B8%9A<p><img src="https://i.loli.net/2018/01/07/5a523d1498b8e.png" alt="paiban-1.png" /></p>期末高德地图可视化作业2018-01-06T14:07:50+00:002018-01-06T14:07:50+00:00https://chenyunshi2017.github.io/zuopinji/api<h1 id="期末作业">期末作业</h1> <h2 id="以中国8大菜系中的浙菜徽菜苏菜闽菜为主题">以中国8大菜系中的浙菜、徽菜、苏菜、闽菜为主题</h2> <div> <div class="tableauPlaceholder" id="viz1515260512339" style="position: relative"><noscript><a href="#"><img alt="故事 1 " src="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;1_&#47;1_4063&#47;1_1&#47;1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" style="display:none;"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="embed_code_version" value="3" /> <param name="site_root" value="" /><param name="name" value="1_4063&#47;1_1" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;1_&#47;1_4063&#47;1_1&#47;1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div> <script type="text/javascript"> var divElement = document.getElementById('viz1515260512339'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1016px';vizElement.style.height='991px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> </div> <ul> <li>首先从地图可以看到： <ul> <li>徽菜在东部的沿海地区分布很密集，在中部和西部却很少。</li> <li>浙菜也是在东部的沿海地区分布很密集，在西部地区也有较零散的分布</li> <li>苏菜主要分布在中部地区。</li> <li>闽菜主要集中在福建省，其他地区的分布较零散</li> </ul> </li> <li>其次从条形图可以看出： <ul> <li>浙江省包含着最多数量的菜馆，可以说是远远超过其他省</li> <li>香港特别行政区的苏菜特别多，比江苏省还要多，这是个比较奇怪、比较意想不到的地方。</li> </ul> </li> <li>从气泡图可以看出： <ul> <li>徽菜的总数量是很大的，而且要比排名第二的浙菜多很多。再结合条形图可以知道这是因为徽菜在浙苏护冀徽等地都有很多分布，相比浙菜主要在浙江省分布比较多</li> </ul> </li> </ul>期末作业有道云笔记Markdown指南2018-01-05T14:07:50+00:002018-01-05T14:07:50+00:00https://chenyunshi2017.github.io/article/web%20notes%20%20youdao<h2 id="什么是markdown">什么是Markdown？</h2> <p>Markdown是一种轻量级的「标记语言」， 通常为程序员群体所用，目前它已是全球最大的技术分享网站 GitHub 和技术问答网站 StackOverFlow 的御用书写格式。</p> <p><strong>有道云笔记内置Markdown编辑器和使用指南</strong>，非技术类笔记用户，千万不要被「标记」、「语言」吓到，<strong>Markdown的语法十分简单，常用的标记符号不超过十个，用于日常写作记录绰绰有余，不到半小时就能完全掌握。</strong></p> <p>就是这十个不到的标记符号，却能让人<strong>优雅地沉浸式记录，专注内容而不是纠结排版，</strong>达到「心中无尘，码字入神」的境界。</p> <h2 id="一利用markdown可以做什么">一、利用Markdown可以做什么？</h2> <p>① 代码高亮</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/1-1%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE.png" alt="1-1代码高亮" /></p> <p>② 制作待办事项To-do List</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/1-2%E5%BE%85%E5%8A%9E%E4%BA%8B%E9%A1%B9.png" alt="1-2待办事项" /></p> <p>③ 高效绘制 流程图、序列图、甘特图、表格</p> <p>流程图： <img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/%E6%B5%81%E7%A8%8B%E5%9B%BE.png" alt="image" /></p> <p>序列图：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/%E5%BA%8F%E5%88%97%E5%9B%BE.png" alt="序列图" /></p> <p>甘特图：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/%E7%94%98%E7%89%B9%E5%9B%BE.png" alt="甘特图" /></p> <p>表格：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/1-3%E8%A1%A8%E6%A0%BC.png" alt="1-3表格" /></p> <p>④ 书写数学公式</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F.png" alt="数学公式" /></p> <hr /> <h2 id="二有道云笔记markdown简明版使用指南">二、有道云笔记Markdown简明版使用指南</h2> <p>0 标题</p> <p>标题是每篇文章必备而且最常用的格式。</p> <p>在Markdown中，如果想将一段文字定义为标题，只需要在这段文字前面加上 #，再在 # 后加一个空格即可。还可增加二、三、四、五、六级标题，总共六级，只需要增加 # ，增加一个 # ，标题字号相应降低一级。如图：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-0-%E6%A0%87%E9%A2%98.png" alt="2-0 标题" /></p> <p>1 列表</p> <p>列表格式也很常用，它可以让你的文稿变得井井有条。在 Markdown 中，你只需要在文字前面加上 - 就可以了；如果你希望是有序列表，在文字前面加上 1. 2. 3. 即可。</p> <p>注：-、1.和文字之间要保留一个字符的空格。</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-1-%E5%88%97%E8%A1%A8.png" alt="2-1 列表" /></p> <p>2 引用</p> <p>如果你需要在文稿中引用一段别处的句子，那么就要用到「引用」格式。</p> <p>在引用文字前加上 &gt; 并与文字保留一个字符的空格，即可。</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-2%E5%BC%95%E7%94%A8.png" alt="2-2引用" /></p> <p>3 粗体和斜体</p> <p>Markdown 的粗体和斜体也非常简单：</p> <p>用两个 * 包含一段文本就是粗体的语法；</p> <p>用一个 * 包含一段文本就是斜体的语法。</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-3-%E7%B2%97%E4%BD%93%E6%96%9C%E4%BD%93.png" alt="2-3 粗体&amp;斜体" /></p> <p>4 链接与图片</p> <p>链接：在 Markdown 中，插入链接只需要使用 <a href="链接地址">显示文本</a> 即可。</p> <p>图片：在 Markdown 中，插入图片只需要使用 <img src="图片链接地址" alt="显示文本" />即可。</p> <p>注：插入图片的语法和链接的语法很像，只是前面多了一个 ！</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-4%E9%93%BE%E6%8E%A5%E4%B8%8E%E5%9B%BE%E7%89%87.png" alt="2-4链接与图片" /></p> <p>5 分割线</p> <p>分割线的语法只需要另起一行，连续输入三个星号 *** 即可分割两段文字内容。</p> <p>如图：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-5-%E5%88%86%E5%89%B2%E7%BA%BF.png" alt="2-5 分割线" /></p> <p>6 表格</p> <p>当你需要在Markdown文稿中键入表格，代码如下：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-6%E8%A1%A8%E6%A0%BC.png" alt="2-6表格" /></p> <p>示例参考：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-6-7.png" alt="2-6-7" /></p> <p>如上7大格式是写作文稿时最常使用的。</p> <p>怎么样，看了相关Markdown语法是不是觉得挺简单？</p> <p>当然，Markdown新手在使用不熟练的情况下，可能会忘记相关语法，也没关系，笔记的工具栏内置了Markdown语法，方便学习与熟悉。</p> <p>如，「表格」语法相对复杂，你可能忘记了，这时候，你只需要点击编辑框上方工具栏，点选「表格」的图标，左边编辑区便会出现「表格」相应代码：</p> <p>![2-6表格-3](http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-6%E8%A1%A8%E6%A0%BC-3.jpg</p> <p>然后，你只需要将代码替换成相应文本即可，如图：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/1-3%E8%A1%A8%E6%A0%BC1.png" alt="1-3表格" /></p> <p>熟悉语法之后，还是建议大家少使用辅助工具栏，尽量自己键入代码，感受纯文本之美。</p> <p>当然，有道云笔记的Markdown还能支持制作待办事项，书写流程图、序列图、甘特图，书写数学公式等，是不是够极客，够有逼格？</p> <p>看看笔记菌用Markdown甘特图写的项目计划时间表：</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/2-6-8.png" alt="2-6-8" /></p> <p>Tips for 有道云笔记中的 Markdown</p> <p>① 实时同步预览，所看即所得</p> <p>我们将笔记编辑界面一分为二，左边为编辑区，右边为预览区，两区滚动条同步。在编辑区的操作能够实时反映在预览区，方便及时调整和查看最终版面效果。</p> <p>② 工具栏内置Markdown语法，方便新手学习</p> <p>编辑页面顶端的工具栏有对应代码，如果你是一个不熟悉Markdown语法的新手，可以先尝试用工具栏辅助操作。也可以在网上搜索「Markdown语法指南」进行学习。</p> <p>当然，如果你觉得工具栏太打扰，点击下方分界条即可隐藏工具栏，切换到极简编辑环境。</p> <p>③ 实时云端保存</p> <p>Markdown模式继承了有道云笔记的优良传统，你每一次击键的内容都会实时保存在云端，无需担心浏览器崩溃、设备没电、突然断网等情况。对于写作者来说，更是再也不用担心因为各种原因痛失文稿的情况了。</p> <p>④ 界面大小可点击分界条调整。</p> <p>点击“1”处，工具栏收起；</p> <p>点击“2”处，右侧预览区收起。</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/91.jpg" alt="91" />)</p> <p>点击后效果如图</p> <p><img src="http://note.youdao.com/iyoudao/wp-content/uploads/2016/09/92.png" alt="image" /></p> <p>》》<a href="http://note.youdao.com/iyoudao/?p=2445">【进阶版】有道云笔记Markdown指南</a></p> <blockquote> <p>引用自(http://note.youdao.com/iyoudao/?p=2411#header)</p> </blockquote>什么是Markdown？html颜色名2018-01-04T08:07:50+00:002018-01-04T08:07:50+00:00https://chenyunshi2017.github.io/article/html%20color<h2 id="本页提供了被大多数浏览器支持的颜色名">本页提供了被大多数浏览器支持的颜色名。</h2> <p>++提示++：W3C 的 HTML 4.0 标准仅支持 16 种<strong>颜色名</strong>，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。 如果使用其它颜色的话，就应该使用<strong>十六进制的颜色值</strong>。</p> <h2 id="颜色名列表">颜色名列表</h2> <ul> <li>AliceBlue #F0F8FF</li> <li>AntiqueWhite #FAEBD7</li> <li>Aqua #00FFFF</li> <li>Aquamarine #7FFFD4</li> <li>Azure #F0FFFF</li> <li>Beige #F5F5DC</li> <li>Bisque #FFE4C4</li> <li>Black #000000</li> <li>BlanchedAlmond #FFEBCD</li> <li>Blue #0000FF</li> <li>BlueViolet #8A2BE2</li> <li>Brown #A52A2A</li> <li>BurlyWood #DEB887</li> <li>CadetBlue #5F9EA0</li> <li>Chartreuse #7FFF00</li> <li>Chocolate #D2691E</li> <li>Coral #FF7F50</li> <li>CornflowerBlue #6495ED</li> <li>Cornsilk #FFF8DC</li> <li>Crimson #DC143C</li> <li>Cyan #00FFFF</li> <li>DarkBlue #00008B</li> <li>DarkCyan #008B8B</li> <li>DarkGoldenRod #B8860B</li> <li>DarkGray #A9A9A9</li> <li>DarkGreen #006400</li> <li>DarkKhaki #BDB76B</li> <li>DarkMagenta #8B008B</li> <li>DarkOliveGreen #556B2F</li> <li>Darkorange #FF8C00</li> <li>DarkOrchid #9932CC</li> <li>DarkRed #8B0000</li> <li>DarkSalmon #E9967A</li> <li>DarkSeaGreen #8FBC8F</li> <li>DarkSlateBlue #483D8B</li> <li>DarkSlateGray #2F4F4F</li> <li>DarkTurquoise #00CED1</li> <li>DarkViolet #9400D3</li> <li>DeepPink #FF1493</li> <li>DeepSkyBlue #00BFFF</li> <li>DimGray #696969</li> <li>DodgerBlue #1E90FF</li> <li>Feldspar #D19275</li> <li>FireBrick #B22222</li> <li>FloralWhite #FFFAF0</li> <li>ForestGreen #228B22</li> <li>Fuchsia #FF00FF</li> <li>Gainsboro #DCDCDC</li> <li>GhostWhite #F8F8FF</li> <li>Gold #FFD700</li> <li>GoldenRod #DAA520</li> <li>Gray #808080</li> <li>Green #008000</li> <li>GreenYellow #ADFF2F</li> <li>HoneyDew #F0FFF0</li> <li>HotPink #FF69B4</li> <li>IndianRed #CD5C5C</li> <li>Indigo #4B0082</li> <li>Ivory #FFFFF0</li> <li>Khaki #F0E68C</li> <li>Lavender #E6E6FA</li> <li>LavenderBlush #FFF0F5</li> <li>LawnGreen #7CFC00</li> <li>LemonChiffon #FFFACD</li> <li>LightBlue #ADD8E6</li> <li>LightCoral #F08080</li> <li>LightCyan #E0FFFF</li> <li>LightGoldenRodYellow #FAFAD2</li> <li>LightGrey #D3D3D3</li> <li>LightGreen #90EE90</li> <li>LightPink #FFB6C1</li> <li>LightSalmon #FFA07A</li> <li>LightSeaGreen #20B2AA</li> <li>LightSkyBlue #87CEFA</li> <li>LightSlateBlue #8470FF</li> <li>LightSlateGray #778899</li> <li>LightSteelBlue #B0C4DE</li> <li>LightYellow #FFFFE0</li> <li>Lime #00FF00</li> <li>LimeGreen #32CD32</li> <li>Linen #FAF0E6</li> <li>Magenta #FF00FF</li> <li>Maroon #800000</li> <li>MediumAquaMarine #66CDAA</li> <li>MediumBlue #0000CD</li> <li>MediumOrchid #BA55D3</li> <li>MediumPurple #9370D8</li> <li>MediumSeaGreen #3CB371</li> <li>MediumSlateBlue #7B68EE</li> <li>MediumSpringGreen #00FA9A</li> <li>MediumTurquoise #48D1CC</li> <li>MediumVioletRed #C71585</li> <li>MidnightBlue #191970</li> <li>MintCream #F5FFFA</li> <li>MistyRose #FFE4E1</li> <li>Moccasin #FFE4B5</li> <li>NavajoWhite #FFDEAD</li> <li>Navy #000080</li> <li>OldLace #FDF5E6</li> <li>Olive #808000</li> <li>OliveDrab #6B8E23</li> <li>Orange #FFA500</li> <li>OrangeRed #FF4500</li> <li>Orchid #DA70D6</li> <li>PaleGoldenRod #EEE8AA</li> <li>PaleGreen #98FB98</li> <li>PaleTurquoise #AFEEEE</li> <li>PaleVioletRed #D87093</li> <li>PapayaWhip #FFEFD5</li> <li>PeachPuff #FFDAB9</li> <li>Peru #CD853F</li> <li>Pink #FFC0CB</li> <li>Plum #DDA0DD</li> <li>PowderBlue #B0E0E6</li> <li>Purple #800080</li> <li>Red #FF0000</li> <li>RosyBrown #BC8F8F</li> <li>RoyalBlue #4169E1</li> <li>SaddleBrown #8B4513</li> <li>Salmon #FA8072</li> <li>SandyBrown #F4A460</li> <li>SeaGreen #2E8B57</li> <li>SeaShell #FFF5EE</li> <li>Sienna #A0522D</li> <li>Silver #C0C0C0</li> <li>SkyBlue #87CEEB</li> <li>SlateBlue #6A5ACD</li> <li>SlateGray #708090</li> <li>Snow #FFFAFA</li> <li>SpringGreen #00FF7F</li> <li>SteelBlue #4682B4</li> <li>Tan #D2B48C</li> <li>Teal #008080</li> <li>Thistle #D8BFD8</li> <li>Tomato #FF6347</li> <li>Turquoise #40E0D0</li> <li>Violet #EE82EE</li> <li>VioletRed #D02090</li> <li>Wheat #F5DEB3</li> <li>White #FFFFFF</li> <li>WhiteSmoke #F5F5F5</li> <li>Yellow #FFFF00</li> <li>YellowGreen #9ACD32</li> </ul> <blockquote> <p>来源：<a href="http://www.w3school.com.cn/tags/html_ref_colornames.asp">http://www.w3school.com.cn/tags/html_ref_colornames.asp</a></p> </blockquote>本页提供了被大多数浏览器支持的颜色名。期中专题的tableau作品2018-01-04T00:07:50+00:002018-01-04T00:07:50+00:00https://chenyunshi2017.github.io/zuopinji/qizhongtableau<h2 id="期中专题我们小组做的是房价与各有关方面的比较">期中专题我们小组做的是房价与各有关方面的比较。</h2> <p>我做的是房价与房地产开发企业个数的关系，下面是我的作品</p> <div> <div class="tableauPlaceholder" id="viz1510753159973" style="position: relative"><noscript><a href="#"><img alt="房价变化 " src="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet5&#47;1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" style="display:none;"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="embed_code_version" value="3" /> <param name="site_root" value="" /><param name="name" value="0_14&#47;sheet5" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet5&#47;1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div> <script type="text/javascript"> var divElement = document.getElementById('viz1510753159973'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1016px';vizElement.style.height='991px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> </div> <div> <div class="tableauPlaceholder" id="viz1510753225690" style="position: relative"><noscript><a href="#"><img alt="房价与房地产开发企业个数比较 " src="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet6&#47;1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" style="display:none;"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="embed_code_version" value="3" /> <param name="site_root" value="" /><param name="name" value="0_14&#47;sheet6" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet6&#47;1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div> <script type="text/javascript"> var divElement = document.getElementById('viz1510753225690'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1016px';vizElement.style.height='991px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> </div> <div> <div class="tableauPlaceholder" id="viz1510753308730" style="position: relative"><noscript><a href="#"><img alt="房地产开发企业个数分析 " src="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet7&#47;1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" style="display:none;"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="embed_code_version" value="3" /> <param name="site_root" value="" /><param name="name" value="0_14&#47;sheet7" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;0_&#47;0_14&#47;sheet7&#47;1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /></object></div> <script type="text/javascript"> var divElement = document.getElementById('viz1510753308730'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1016px';vizElement.style.height='991px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> </div> <blockquote> <p>附期中专题做出的网页<a href="https://chenyunshi2017.github.io/portfolio/qizhong/">期中专题网页作品</a></p> </blockquote>期中专题我们小组做的是房价与各有关方面的比较。什么是新媒体？2018-01-02T12:03:50+00:002018-01-02T12:03:50+00:00https://chenyunshi2017.github.io/article/what%20is%20nm<h2 id="什么是新媒体">什么是新媒体</h2> <p>新媒体（New Media）是指当下万物皆媒的环境，简单说：新媒体是一种环境。 新媒体涵盖了所有数字化的媒体形式。包括所有数字化的传统媒体、网络媒体、移动端媒体、数字电视、数字报刊杂志等。 一个相对的概念，是报刊、广播、电视等传统媒体以后发展起来的新的媒体形态，包括网络媒体、手机媒体、数字电视等。 新媒体亦是一个宽泛的概念，利用数字技术、网络技术，通过互联网、宽带局域网、无线通信网、卫星等渠道，以及电脑、手机、数字电视机等终端，向用户提供信息和娱乐服务的传播形态。严格地说，新媒体应该称为数字化新媒体。</p> <h3 id="区别">区别</h3> <p>新传媒产业联盟秘书长王斌：“新媒体是以数字信息技术为基础，以互动传播为特点、具有创新形态的媒体。” 美国《连线》杂志对新媒体的定义：“所有人对所有人的传播。” 联合国教科文组织对新媒体下的定义：“以数字技术为基础，以网络为载体进行信息传播的媒介。” 新媒体是相对于传统媒体而言，是报刊、广播、电视等传统媒体以后发展起来的新的媒体形态，是利用数字技术，网络技术，移动技术，通过互联网，无线通信网，有线网络等渠道以及电脑、手机、数字电视机等终端，向用户提供信息和娱乐的传播形态和媒体形态。 新媒体的特征具有交互性与即时性，海量性与共享性，多媒体与超文本，个性化与社群化。 随着科技的飞速发展，新媒体越来越受到人们的关注，成为人们议论的热门话题。新媒体在业界的繁荣也使得学界对其研究进一步加强，很多专家分别从不同的角度对新媒体进行了研究。</p> <h3 id="最新诠释">最新诠释</h3> <p>新媒体并非新兴或者新型的媒体的统称，新媒体应该有其相对准确的概念。新型的媒体或者新兴的媒体都是新媒体，是比较狭义的概念，而且这种概念不能满足新媒体发展的需求，更不利于行业的交流沟通。故而，业内经过对媒体的研究、大量市场数据分析，以及纵观业内对新媒体认识看法，结合消费者的观点，总结出新媒体相对准确的定义。此定义，在一定调研基础上得出，非强加概念，希望供业内人士交流，等待市场的考验。同时声明此概念并非一刀切式的界定，希望这个概念能促进行业深层次交流同时带动行业新发展，此概念也随着这个行业的发展变化而发展进步。 新媒体是新的技术支撑体系下出现的媒体形态，如数字杂志、数字报纸、数字广播、手机短信、移动电视、网络、桌面视窗、数字电视、数字电影、触摸媒体、手机网络等。相对于报刊、户外、广播、电视四大传统意义上的媒体，新媒体被形象地称为“第五媒体”。 新媒体新在哪里，首先必须有革新的一面，技术上革新，形式上革新，理念上革新，笔者认为后者更重要。单纯形式上革新、技术上革新称为改良更合适，不足以证明其为新媒体。理念上革新是新媒体的定义得核心内容。至于市场上那些以是否具备互动性来界定新媒体与否，是片面的不可取的观点。是否具备互动性，是个别性问题，不具备普遍意义。笔者认为可以以个别性识别新事物，但是不可以其来定义事物。 关于新媒体的定义林林总总有十多种，而被划归为新媒体的介质也从新兴媒体的“网络媒体”、“手机媒体”、“互动电视”，到新兴媒体的“车载移动电视”、“楼宇电视”、“户外高清视频”等不一而足。内涵与外延的混乱不清，边界与范畴的模糊不明，既反映出新媒体发展之快、变化之多，也说明关于新媒体的研究目前尚不成熟、不系统。在当前人们对新媒体没有一个清晰的、一致认可的定义的状况下，我们没有纠缠于概念、特征、类型等学历认知，而是从更为现实和务实的角度出发，抓住”数字技术、互联网技术、移动通信技术”的技术维度和“双向传播、用户创造内容”的传播维度两个指标，把新媒体限定为“网络媒体”和“移动媒体”两大类型，由此确定新媒体编辑的对象与框架。</p> <h3 id="特征">特征</h3> <p>从这个意义上说，“新媒体”必须具备以下几点。 1、价值<br /> 2、原创性<br /> 3、效应<br /> 4、生命力<br /> 综上所述，可以得出结论。真正意义的新媒体可简言之VOEL媒体，或者除却基本价值的概念，称其为OEL媒体。 当然也许还有更多的因素左右新媒体的存在与发展，但是就时下一般意义而言“新媒体”的概念可以由此四个核心内容而相对界定。新媒体就是必须具备VOEL四个必备要素，因此真正意义上的新媒体可以简称为VOEL媒体或OEL媒体，用以区别于狭义上的个别性新的媒体。这四个要素可以涵 盖其理念上的革新、技术上的创新或者形式上的革新。至于是否运用到高科技，不是决定其新旧的关键，更不能决定其在一定时间内存在的价值。 也有一些不容易区分的概念，比如网络15年在中国的发展，已经渐渐影响了大多数人的生活，一定得时候网络是可以脱离新媒体概念而形成独立存在自己的媒体概念。但是网络中的具体的一些新颖的媒体形式，或者新兴的一些因网络而产生的信息通道，也是可以成为新媒体。比如腾讯、开心网、以及个人博客这些具体项目的创新也是新媒体的典范，而且形成了一定的效应。类似的概念再比如电视购物，虽然电视是传统媒体，但是电视购物作为新兴起而且具备一定意义上理念的创新也具备相当的市场需求而产生，当属新媒体之列。 在这四个核心内容的基础上，尚可依据其理念或者形式上的差别简单区分如下。 就其理念而言：可分为：细分受众类的，如楼宇媒体、社区媒体、医院媒体、娱乐场所媒体、手机短信彩信手机报媒体等；相对广众的，如公车视频、地铁视频、网络媒体、卖场视频、人口聚集处互动网络媒体终端机等。 就其形式上而言：有室外媒体，楼宇、社区、公车视频等均在此列，有无线形式的，如彩信类、手机报、网络。 就其关注度区分：有强制性关注的，如楼宇、电梯、短信等；有选择性关注的，如网络博客、网络互动、电视购物等。</p> <h4 id="特性">特性</h4> <ol> <li>迎合人们休闲娱乐时间碎片化的需求。由于工作与生活节奏的加快，人们的休闲时间呈现出碎片化倾向，新媒体正是迎合了这种需求而生的。<br /> 2.满足随时随地地互动性表达、娱乐与信息需要。以互联网为标志的第三代媒体在传播的诉求方面走向个性表达与交流阶段。对于网络电视和手机电视而言，消费者同时也是生产者。<br /> 3.人们使用新媒体的目的性与选择的主动性更强。<br /> 4.媒体使用与内容选择更具个性化，导致市场细分更加充分。<br /> 特点总结为：<br /> 交互性与即时性，海量性与共享性，多媒体与超文本个性化与社群化。 也可理解为：<br /> 1.科技推动 2.以人为本 3.虚实相间 4.互动包容 5.市场主导 　　 <h4 id="优势">优势</h4> <p>传播与更新速度快，成本低<br /> 信息量大，内容丰富<br /> 低成本全球传播<br /> 检索便捷<br /> 多媒体传播<br /> 超文本<br /> 互动性</p> <h4 id="要素">要素</h4> <p>1 建立在数字技术和网络技术基础之上<br /> 2 以多媒体作为信息的呈现形式<br /> 3 具有全天候和全覆盖性的特征<br /> 4 在技术 运营 产品 服务等商业模式上具有创新性<br /> 5 新媒体的边界不断变化呈现出媒介融合的趋势</p> </li> </ol> <blockquote> <p>来源：<a href="https://baike.baidu.com/item/%E6%96%B0%E5%AA%92%E4%BD%93/6206?fr=aladdin">百度百科：新媒体</a></p> </blockquote>什么是新媒体第一个tableau作品2018-01-01T17:07:50+00:002018-01-01T17:07:50+00:00https://chenyunshi2017.github.io/zuopinji/first%20tableau<h2 id="第一次用tableau做可视化用的数据是gdp和pop">第一次用tableau做可视化用的数据是GDP和POP。</h2> <p>课后把课堂上做的再做一遍，加深记忆。</p> <div> <div class="tableauPlaceholder" id="viz1515200448394" style="position: relative"><noscript><a href="#"><img alt="工作表 1 - 2015 " src="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;No&#47;No1_0&#47;1&#47;1_rss.png" style="border: none" /></a></noscript><object class="tableauViz" style="display:none;"><param name="host_url" value="https%3A%2F%2Fpublic.tableau.com%2F" /> <param name="embed_code_version" value="3" /> <param name="site_root" value="" /><param name="name" value="No1_0&#47;1" /><param name="tabs" value="no" /><param name="toolbar" value="yes" /><param name="static_image" value="https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;No&#47;No1_0&#47;1&#47;1.png" /> <param name="animate_transition" value="yes" /><param name="display_static_image" value="yes" /><param name="display_spinner" value="yes" /><param name="display_overlay" value="yes" /><param name="display_count" value="yes" /><param name="filter" value="publish=yes" /></object></div> <script type="text/javascript"> var divElement = document.getElementById('viz1515200448394'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script> </div>第一次用tableau做可视化用的数据是GDP和POP。Tableau 中的映射（map）2018-01-01T14:07:50+00:002018-01-01T14:07:50+00:00https://chenyunshi2017.github.io/infovis/Tableau%20article<h1 id="tableau-中的映射">Tableau 中的映射</h1> <p>如果要按地理位置分析数据，则可以在 Tableau 中的地图上绘制数据。本主题解释了为什么以及何时应将数据放在地图可视化项上。它还介绍了您可以在 Tableau 中创建的一些地图类型，以及指向演示如何创建每种地图的主题的链接。 如果您不熟悉 Tableau 中的地图，那么这是开始学习的好地方。</p> <h2 id="本文内容">本文内容</h2> <blockquote> <p>为何将数据放在地图上？<br /> 应在何时使用地图表示数据？<br /> 可在 Tableau 中构建什么类型的地图？</p> </blockquote> <h2 id="为何将数据放在地图上">为何将数据放在地图上？</h2> <p>将您的数据放在地图上有很多原因。也许您的数据源中有一些位置数据？或者也许您认为地图真的可以让您的数据很受欢迎？这两个都是创建地图可视化项的足够好的理由，但一定要记住，地图像任何其他类型的可视化项一样有特定用途：它们可以回答空间问题。 您在 Tableau 中制作地图是因为您有空间问题，您需要使用地图来了解数据中的趋势或模式。 但什么是空间问题呢？下面可能是一些例子：</p> <ul> <li>哪个州/省/市/自治区的农贸市场最多？</li> <li>美国的肥胖率高发区在哪里？</li> <li>我所在城市的每条地铁线路中哪个地铁站是最繁忙的地铁站？</li> <li>风暴随着时间的推移往哪里移动？</li> <li>人们按照当地的自行车共享计划在哪里借出和归还自行车？</li> </ul> <p>所有这些都是空间问题。但是，地图是回答它们的最好方式吗？</p> <h2 id="应在何时使用地图表示数据">应在何时使用地图表示数据？</h2> <p>如果您有空间问题，那么地图视图可能是回答此问题的好方法。然而，情况可能并不总是这样。 例如，上面列表中的第一个问题：哪个州/省/市/自治区的农贸市场最多？ 如果您有一个数据源，其中包含每个州/省/市/自治区的农贸市场列表，则可以创建一个地图视图，如下所示。您能轻易地说出纽约和加利福尼亚的区别吗？哪一个有更多农贸市场？</p> <p><img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_build3.1.png" alt="图1" /></p> <p>如果您改为创建条形图将会怎样？现在是不是很容易发现具有最多农贸市场的州/省/市/自治区？</p> <p><img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_build4.1.png" alt="图2" /></p> <p>上述示例是不同类型的可视化项能够比地图更好地回答空间问题的多种情况之一。 所以您什么时候知道是否应该使用地图视图？ 一个经验法则是问自己是否可以更快地回答您的问题，或者使用另一个可视化项是否更轻松。如果答案是肯定的，那么或许地图视图不是您要使用的数据的最佳可视化项。如果答案是否定的，请考虑以下因素： 回答问题的地图既具有适当的数据表示形式，又具有吸引人的数据表示形式。换句话说：数据没有误导性，地图很吸引人。 如果您的地图很漂亮，但数据具有误导性，或者不够深入，那么您就会面临人们误解您的数据的风险。这就是为什么创建准确且诱人地表示数据的地图很重要的原因。</p> <h2 id="可在-tableau-中构建什么类型的地图">可在 Tableau 中构建什么类型的地图？</h2> <p>使用 Tableau，您可以创建以下通用地图类型：</p> <h3 id="比例符号地图">比例符号地图</h3> <p>比例符号地图非常适合显示各个位置的定量数据。例如，您可以标绘世界各地的地震，并按震级来确定它们的大小。 有关比例符号地图的详细信息，以及若要了解如何在 Tableau 中创建这些地图，请参见<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/maps_howto_symbol.html">在 Tableau 中创建显示定量值的地图。</a><br /> <img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_symbol6.png" alt="比例符号地图" /></p> <h3 id="面量图填充地图">面量图（填充地图）</h3> <p>面量图在 Tableau 中也称为填充地图，非常适合显示比例数据。例如，如果您想看一看美国每个县的肥胖率，则可以考虑创建一个面量图，看看您是否可以发现任何空间趋势。 有关面量图的详细信息，以及若要了解如何在 Tableau 中创建这些地图，请参见<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/maps_howto_choropleth.html">在 Tableau 中创建显示比例或聚合数据的地图。</a><br /> <img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/choropleth_maps1.png" alt="面量图" /></p> <h3 id="点分布图">点分布图</h3> <p>当您要显示近似位置并且要寻找可视数据群集时，可以使用点分布图。例如，如果您想查看去年美国所有冰雹的发生地，则您可以创建一个点分布图，看看是否可以发现任何群集。 有关点分布图的详细信息，以及若要了解如何创建它们，请参见<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/maps_howto_pointdistribution.html">在 Tableau 中创建突出显示可视数据群集的地图。</a><br /> <img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_build7.png" alt="点分布图" /></p> <h3 id="流线图路径图">流线图（路径图）</h3> <p>您可以使用流线图连接地图上的路径，并查看随时间发生的事件的地点。例如，您可以跟踪一段时间内世界各地的主要风暴的路径。 有关流线图的详细信息，以及若要了解如何在 Tableau 中创建这些地图，请参见<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/maps_howto_flow.html">在 Tableau 中创建显示随时间变化的路径的地图。</a><br /> <img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_build8.png" alt="流线图" /></p> <h3 id="蜘蛛图起点-终点图">蜘蛛图（起点-终点图）</h3> <p>您可以使用蜘蛛图来显示起点位置和一个或多个终点位置的交互方式。例如，您可以连接地铁站之间的路径以在图上绘制路径，或者可以跟踪从起点到一个或多个终点的自行车共享车道。 有关蜘蛛图的详细信息，以及若要了解如何在 Tableau 中创建这些图，请参见<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/maps_howto_origin_destination.html">在 Tableau 中创建显示起点和终点之间的路径的地图 。</a><br /> <img src="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/Img/maps_build9.png" alt="蜘蛛图" /></p> <blockquote> <p>来源：<a href="https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/help.html#maps_build.html#Why">https://onlinehelp.tableau.com/current/pro/desktop/zh-cn/help.html#maps_build.html#Why</a></p> </blockquote>Tableau 中的映射期中专题网页作品2017-12-30T14:07:50+00:002017-12-30T14:07:50+00:00https://chenyunshi2017.github.io/portfolio/qizhongweb<h2 id="以rwd2的范例作为框架制作了这个网页">以RWD2的范例作为框架，制作了这个网页。</h2> <p>作为小组的组长，在期中专题当中负起了制作网页的责任(当时不懂得内链的用法，只好把所有的tableau图都放在同一个页面里，最后做得比较粗糙吧)</p> <ul> <li><a href="https://Chenyunshi2017.github.io/portfolio/0302.html">作品链接</a></li> </ul>以RWD2的范例作为框架，制作了这个网页。