UTF-8 in Python 3.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Using Python 3\n",
    "\n",
    "Using `print` vs. not using print makes a big difference in Python 2, but not in Python 3. Python 3 supports Unicode natively.\n",
    "\n",
    "The biggest difference between Python 2 and Python 3 is that in Python 3 when you use `print` you have to use parenthesis."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 92,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "hello world\n"
     ]
    }
   ],
   "source": [
    "# Works fine\n",
    "\n",
    "print('hello world')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 93,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'hello world'"
      ]
     },
     "execution_count": 93,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Works fine\n",
    "\n",
    "'hello world'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 94,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "你好世界\n"
     ]
    }
   ],
   "source": [
    "# Works fine\n",
    "\n",
    "print('你好世界')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 95,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'你好世界'"
      ]
     },
     "execution_count": 95,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Works fine\n",
    "\n",
    "'你好世界'"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Working with libraries\n",
    "\n",
    "Some libraries work better than others with UTF-8/Unicode"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 96,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "from bs4 import BeautifulSoup\n",
    "import requests"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 97,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'<!DOCTYPE html>\\r\\n\\r\\n<!-- BEGIN html -->\\r\\n<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"zh-CN\">\\r\\n\\r\\n<!-- BEGIN head -->\\r\\n<head>\\r\\n\\r\\n\\t<!-- Meta Tags -->\\r\\n\\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\\r\\n    \\r\\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\\r\\n\\t\\r\\n\\t<!-- Title -->\\r\\n\\t<title>数据新闻中文网 | When Data Meet Journalism</title>\\r\\n\\r\\n    <!--Favicon code-->\\r\\n     <link rel=\"shortcut icon\" href=\"http://djchina.org/djchina/wp-content/uploads/2013/09/djchina_weibologo-03.jpg\"/>\\n   \\r\\n\\r\\n    <!-- 1140px Grid styles for IE -->\\r\\n\\t<!--[if lte IE 9]><link rel=\"stylesheet\" href=\"http://djchina.org/djchina/wp-content/themes/zend/css/ie.css\" type=\"text/css\" media=\"screen\" /><![endif]-->\\r\\n\\r\\n\\t<!--add css for different pages-->\\r\\n\\t\\r\\n\\t\\r\\n\\t    \\r\\n\\t        <link rel=\"stylesheet\" href=\"http://djchina.org/djchina/wp-content/themes/zend/css/not-home.css\" type=\"text/css\" media=\"screen\" />\\r\\n        \\r\\n    \\t\\r\\n    <!--[if IE 8]>\\r\\n        <link rel=\"stylesheet\" type=\"text/css\" href=\"http://djchina.org/djchina/wp-content/themes/zend/css/ie8.css\" />\\r\\n    <![endif]-->\\r\\n\\t<!--Color CSS-->\\r\\n\\t    <link rel=\"stylesheet\" href=\"http://djchina.org/djchina/wp-content/themes/zend/css/color.php?color=27a9e1\" type=\"text/css\" media=\"screen\" />\\r\\n\\r\\n    <link rel=\"stylesheet\" href=\"http://djchina.org/djchina/wp-content/themes/zend/style_load.php\" type=\"text/css\" media=\"screen\" />\\r\\n    \\r\\n        \\t<link rel=\"stylesheet\" href=\"http://djchina.org/djchina/wp-content/themes/zend/css/response.css\" type=\"text/css\" media=\"screen\" />\\r\\n      \\r\\n\\t<!-- RSS & Pingbacks -->\\r\\n\\t<link rel=\"alternate\" type=\"application/rss+xml\" title=\"数据新闻中文网 RSS Feed\" href=\"http://djchina.org/feed/\" />\\r\\n\\t<link rel=\"pingback\" href=\"http://djchina.org/djchina/xmlrpc.php\" />\\r\\n    \\r\\n    <!-- Theme Hook -->\\r\\n  \\t<link rel=\"alternate\" type=\"application/rss+xml\" title=\"数据新闻中文网 &raquo; Feed\" href=\"http://djchina.org/feed/\" />\\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"数据新闻中文网 &raquo; 评论Feed\" href=\"http://djchina.org/comments/feed/\" />\\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"数据新闻中文网 &raquo; 首页评论Feed\" href=\"http://djchina.org/%e9%a6%96%e9%a1%b5/feed/\" />\\n\\t\\t<script type=\"text/javascript\">\\n\\t\\t\\twindow._wpemojiSettings = {\"baseUrl\":\"http:\\\\/\\\\/s.w.org\\\\/images\\\\/core\\\\/emoji\\\\/72x72\\\\/\",\"ext\":\".png\",\"source\":{\"concatemoji\":\"http:\\\\/\\\\/djchina.org\\\\/djchina\\\\/wp-includes\\\\/js\\\\/wp-emoji-release.min.js?ver=4.3\"}};\\n\\t\\t\\t!function(a,b,c){function d(a){var c=b.createElement(\"canvas\"),d=c.getContext&&c.getContext(\"2d\");return d&&d.fillText?(d.textBaseline=\"top\",d.font=\"600 32px Arial\",\"flag\"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement(\"script\");c.src=a,c.type=\"text/javascript\",b.getElementsByTagName(\"head\")[0].appendChild(c)}var f,g;c.supports={simple:d(\"simple\"),flag:d(\"flag\")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(\"DOMContentLoaded\",g,!1),a.addEventListener(\"load\",g,!1)):(a.attachEvent(\"onload\",g),b.attachEvent(\"onreadystatechange\",function(){\"complete\"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);\\n\\t\\t</script>\\n\\t\\t<style type=\"text/css\">\\nimg.wp-smiley,\\nimg.emoji {\\n\\tdisplay: inline !important;\\n\\tborder: none !important;\\n\\tbox-shadow: none !important;\\n\\theight: 1em !important;\\n\\twidth: 1em !important;\\n\\tmargin: 0 .07em !important;\\n\\tvertical-align: -0.1em !important;\\n\\tbackground: none !important;\\n\\tpadding: 0 !important;\\n}\\n</style>\\n<link rel=\\'stylesheet\\' id=\\'zilla-shortcodes-css\\'  href=\\'http://djchina.org/djchina/wp-content/plugins/zilla-shortcodes/shortcodes.css?ver=4.3\\' type=\\'text/css\\' media=\\'all\\' />\\n<link rel=\\'stylesheet\\' id=\\'crayon-css\\'  href=\\'http://djchina.org/djchina/wp-content/plugins/crayon-syntax-highlighter/css/min/crayon.min.css?ver=2.7.1\\' type=\\'text/css\\' media=\\'all\\' />\\n<link rel=\\'stylesheet\\' id=\\'videojs-plugin-css\\'  href=\\'http://djchina.org/djchina/wp-content/plugins/videojs-html5-video-player-for-wordpress/plugin-styles.css?ver=4.3\\' type=\\'text/css\\' media=\\'all\\' />\\n<link rel=\\'stylesheet\\' id=\\'videojs-css\\'  href=\\'//vjs.zencdn.net/4.5/video-js.css?ver=4.3\\' type=\\'text/css\\' media=\\'all\\' />\\n<link rel=\\'stylesheet\\' id=\\'wp-pagenavi-css\\'  href=\\'http://djchina.org/djchina/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70\\' type=\\'text/css\\' media=\\'all\\' />\\n<script type=\"text/javascript\">\\nvar duoshuoQuery = {\"short_name\":\"djchina\",\"sso\":{\"login\":\"http:\\\\/\\\\/djchina.org\\\\/djchina\\\\/wp-login.php?action=duoshuo_login\",\"logout\":\"http:\\\\/\\\\/djchina.org\\\\/djchina\\\\/wp-login.php?action=logout&_wpnonce=49da1687a1\"},\"theme\":\"bluebox\",\"stylePatch\":\"wordpress\\\\/Zend\"};\\nduoshuoQuery.sso.login += \\'&redirect_to=\\' + encodeURIComponent(window.location.href);\\nduoshuoQuery.sso.logout += \\'&redirect_to=\\' + encodeURIComponent(window.location.href);\\n</script>\\n<script type=\"text/javascript\" src=\"http://static.duoshuo.com/embed.js\" charset=\"UTF-8\" async=\"async\"></script>\\n<script type=\\'text/javascript\\' src=\\'http://cdn.staticfile.org/jquery/1.11.1/jquery.min.js?ver=1.10.2\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://cdn.staticfile.org/jquery-migrate/1.2.1/jquery-migrate.min.js?ver=1.2.1\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/plugins/zilla-shortcodes/js/zilla-shortcodes-lib.js?ver=4.3\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/themes/zend/js/superfish.js?ver=4.3\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/themes/zend/js/jquery.flexslider-min.js?ver=4.3\\'></script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/themes/zend/admin/assets/js/jquery.tipsy.js?ver=4.3\\'></script>\\n<script type=\\'text/javascript\\'>\\n/* <![CDATA[ */\\nvar CrayonSyntaxSettings = {\"version\":\"2.7.1\",\"is_admin\":\"0\",\"ajaxurl\":\"http:\\\\/\\\\/djchina.org\\\\/djchina\\\\/wp-admin\\\\/admin-ajax.php\",\"prefix\":\"crayon-\",\"setting\":\"crayon-setting\",\"selected\":\"crayon-setting-selected\",\"changed\":\"crayon-setting-changed\",\"special\":\"crayon-setting-special\",\"orig_value\":\"data-orig-value\",\"debug\":\"\"};\\nvar CrayonSyntaxStrings = {\"copy\":\"\\\\u4f7f\\\\u7528 %s \\\\u590d\\\\u5236\\\\uff0c\\\\u4f7f\\\\u7528 %s \\\\u7c98\\\\u8d34\\\\u3002\",\"minimize\":\"\\\\u70b9\\\\u51fb\\\\u5c55\\\\u5f00\\\\u4ee3\\\\u7801\"};\\n/* ]]> */\\n</script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/plugins/crayon-syntax-highlighter/js/min/crayon.min.js?ver=2.7.1\\'></script>\\n<link rel=\"EditURI\" type=\"application/rsd+xml\" title=\"RSD\" href=\"http://djchina.org/djchina/xmlrpc.php?rsd\" />\\n<link rel=\"wlwmanifest\" type=\"application/wlwmanifest+xml\" href=\"http://djchina.org/djchina/wp-includes/wlwmanifest.xml\" /> \\n<meta name=\"generator\" content=\"WordPress 4.3\" />\\n<link rel=\\'canonical\\' href=\\'http://djchina.org/\\' />\\n<link rel=\\'shortlink\\' href=\\'http://djchina.org/\\' />\\n\\r\\n\\t\\t<script type=\"text/javascript\"> document.createElement(\"video\");document.createElement(\"audio\");document.createElement(\"track\"); </script>\\r\\n\\t\\t        <script type=\"text/javascript\">\\r\\n\\t\\t\\tif(jQuery().flexslider){\\r\\n\\t\\t\\t\\tjQuery(window).load(function() {\\r\\n\\t\\t\\t\\t  jQuery(\\'.flexslider.slider\\').flexslider({\\r\\n\\t\\t\\t\\t\\tanimation: \"slide\",\\r\\n\\t\\t\\t\\t\\tpauseOnHover:true,\\r\\n\\t\\t\\t\\t\\tdirectionNav:false,\\r\\n\\t\\t\\t\\t\\tsmoothHeight:true,\\r\\n\\t\\t\\t\\t  });\\r\\n\\t\\t\\t\\t});\\r\\n\\t\\t\\t}\\r\\n        </script>\\r\\n       \\r\\n            <script type=\"text/javascript\">\\r\\n\\t\\t\\tif(jQuery().flexslider){\\r\\n\\t\\t\\t\\tjQuery(window).load(function() {\\r\\n\\t\\t\\t\\t  jQuery(\".two-columns .cat-content.flexslider\").flexslider({\\r\\n\\t\\t\\t\\t\\tanimation: \"slide\",\\r\\n\\t\\t\\t\\t\\tsmoothHeight:true,\\r\\n\\t\\t\\t\\t\\tcontrolNav:false,\\r\\n\\t\\t\\t\\t\\ttouch:false,\\r\\n\\t\\t\\t\\t\\tslideshow:false\\r\\n\\t\\t\\t\\t  });\\r\\n\\t\\t\\t\\t});\\r\\n\\t\\t\\t}\\r\\n        </script>\\r\\n            <script type=\"text/javascript\">\\r\\n\\t\\t\\tif(jQuery().flexslider){\\r\\n\\t\\t\\t  jQuery(window).load(function() {\\r\\n\\t\\t\\t\\tjQuery(\".single-column .cat-content.flexslider\").flexslider({\\r\\n\\t\\t\\t\\t  animation: \"slide\",\\r\\n\\t\\t\\t\\t  smoothHeight:true,\\r\\n\\t\\t\\t\\t  controlNav:false,\\r\\n\\t\\t\\t\\t  touch:false,\\r\\n\\t\\t\\t\\t  slideshow:false\\r\\n\\t\\t\\t\\t});\\r\\n\\t\\t\\t  });\\r\\n\\t\\t\\t}\\r\\n        </script>\\r\\n     \\r\\n\\t\\t\\t\\t\\r\\n\\t\\t\\t<style type=\"text/css\">\\r\\n\\t\\t\\t\\r\\n            \\t\\r\\n                body{\\r\\n                    background-image:url(\\'http://djchina.org/djchina/wp-content/uploads/2013/09/triangular1.png\\');\\r\\n\\t\\t\\t\\t\\tbackground-position:center;\\r\\n                    \\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tbackground-repeat:repeat;\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tbackground-attachment:scroll;\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\r\\n                }\\r\\n                        \\r\\n            </style>\\r\\n\\r\\n    \\r\\n\\t\\r\\n\\t\\r\\n\\r\\n</head><!-- END head -->\\r\\n\\r\\n<!-- BEGIN body -->\\r\\n<body class=\"home page page-id-7 page-template page-template-template-home page-template-template-home-php unknown\">\\r\\n\\t\\r\\n    \\r\\n    <div class=\"wrap container\">\\r\\n    \\r\\n    \\t<div class=\"inner_wrap row\">\\r\\n        \\r\\n        <div id=\"header\" class=\"clearfix\">\\r\\n                         \\t\\r\\n                  <div class=\"header-top main clearfix\">\\r\\n                  \\t\\r\\n                      <div id=\"header-nav\">\\r\\n                                                                                                            \\r\\n                      </div>\\r\\n                      \\r\\n                      <!--BEGIN #searchform-->\\r\\n                      <form method=\"get\" class=\"searchform alignright\" action=\"http://djchina.org/\">\\r\\n                          <input type=\"text\" name=\"s\" class=\"s\" value=\"\" placeholder=\"请输入搜索关键词...\" />\\r\\n                          <input type=\"submit\" class=\"searchsubmit\" value=\"go\">\\r\\n                      </form><!--END #searchform-->\\r\\n                  \\r\\n                  </div> <!--header-top-->\\r\\n\\r\\n\\r\\n                  <div class=\"header-top mobile clearfix\">\\r\\n                  \\t\\r\\n                      <div class=\"mobile_cont clearfix\">\\r\\n                      \\r\\n                          <div id=\"header-nav-mobile\">\\r\\n                                                                                                                            \\r\\n                          </div>\\r\\n                          \\r\\n                          <!--BEGIN #searchform-->\\r\\n                          <form method=\"get\" class=\"searchform alignright\" action=\"http://djchina.org/\">\\r\\n                              <input type=\"text\" name=\"s\" class=\"s\" value=\"\" placeholder=\"Type Keyword and hit enter\" />\\r\\n                              <input type=\"submit\" class=\"searchsubmit\" value=\"go\">\\r\\n                          </form><!--END #searchform-->\\r\\n                      \\r\\n                      </div>\\r\\n                  \\r\\n                  </div> <!--header-top-->\\r\\n\\r\\n\\r\\n                  <div class=\"header-middle clearfix\">\\r\\n                  \\r\\n                      <div id=\"logo\">\\r\\n                                                    <a href=\"http://djchina.org\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2013/09/Untitled-1-01.png\" alt=\"数据新闻中文网\"/></a>\\r\\n                                \\r\\n                      </div> <!--logo-->                     \\r\\n                      \\r\\n                      \\t\\t\\t\\t\\t  \\r\\n\\t\\t\\t\\t\\t                    \\r\\n                  </div> <!--.header-middle-->\\r\\n                  \\r\\n                  <div class=\"header-bottom clearfix\">\\r\\n                  \\r\\n                      <div id=\"primary-nav\">\\r\\n                                                    <div class=\"menu-index-container\"><ul id=\"primary_main\" class=\"menu\"><li id=\"primary_main-menu-item-13\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item\"><a href=\"http://djchina.org/\"><strong><span>/</span>首页</strong></a></li>\\n<li id=\"primary_main-menu-item-15\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/news/\"><strong><span>/</span>动态</strong></a></li>\\n<li id=\"primary_main-menu-item-16\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/study/\"><strong><span>/</span>学习</strong></a></li>\\n<li id=\"primary_main-menu-item-18\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/resource/\"><strong><span>/</span>资源</strong></a></li>\\n<li id=\"primary_main-menu-item-17\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/opportunity/\"><strong><span>/</span>机会</strong></a></li>\\n<li id=\"primary_main-menu-item-14\" class=\"menu-item menu-item-type-post_type menu-item-object-page\"><a href=\"http://djchina.org/about/\"><strong><span>/</span>关于</strong></a></li>\\n</ul></div>                                                        \\r\\n                      </div><!-- primary-nav-->\\r\\n                      \\r\\n                      <div id=\"mobile-nav\">\\r\\n                                                    <div class=\"menu-index-container\"><ul id=\"menu-index\" class=\"menu\"><li id=\"-menu-item-13\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item\"><a href=\"http://djchina.org/\"><strong><span>/</span>首页</strong></a></li>\\n<li id=\"-menu-item-15\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/news/\"><strong><span>/</span>动态</strong></a></li>\\n<li id=\"-menu-item-16\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/study/\"><strong><span>/</span>学习</strong></a></li>\\n<li id=\"-menu-item-18\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/resource/\"><strong><span>/</span>资源</strong></a></li>\\n<li id=\"-menu-item-17\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category\"><a href=\"http://djchina.org/category/opportunity/\"><strong><span>/</span>机会</strong></a></li>\\n<li id=\"-menu-item-14\" class=\"menu-item menu-item-type-post_type menu-item-object-page\"><a href=\"http://djchina.org/about/\"><strong><span>/</span>关于</strong></a></li>\\n</ul></div>                            \\r\\n                      </div>\\r\\n                                       \\r\\n                  \\r\\n                  </div> <!-- header-bottom -->\\r\\n             \\r\\n        \\r\\n       </div> <!--#header-->           \\t\\t\\t\\n           \\n            <div id=\"main_container\" class=\"container\">\\n            \\n            \\t<div class=\"inner_content row\">\\n                                                  \\n                         <div class=\"flexslider slider\">\\n                        \\t\\n                            <ul class=\"slides\">\\n                            \\n                                                            \\n                                \\n                                                        \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/06/15/eyeo2015/\"><img width=\"1200\" height=\"450\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/06/2015eyeo.png\" class=\"attachment-fullsize wp-post-image\" alt=\"2015eyeo\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/05/03/snd_1/\"><img width=\"594\" height=\"254\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/05/snddc.jpg\" class=\"attachment-fullsize wp-post-image\" alt=\"snddc\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/03/20/2015nicar_1/\"><img width=\"594\" height=\"254\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/03/nicar_journo-e1426888268814.jpg\" class=\"attachment-fullsize wp-post-image\" alt=\"nicar_journo\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/03/10/2014_cn_summary/\"><img width=\"1204\" height=\"444\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/03/2014cn.png\" class=\"attachment-fullsize wp-post-image\" alt=\"2014cn\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/02/10/2014-us-summary/\"><img width=\"1204\" height=\"444\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/02/2014us.png\" class=\"attachment-fullsize wp-post-image\" alt=\"2014us\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                            \\n                                                        \\n                              <li class=\"item\">\\n                                  \\n                                                                \\n                                  <div class=\"image\">\\n                          \\n                                      <a href=\"http://djchina.org/2015/01/22/data_newsroom_propublica/\"><img width=\"1204\" height=\"444\" src=\"http://djchina.org/djchina/wp-content/uploads/2015/01/propublica.png\" class=\"attachment-fullsize wp-post-image\" alt=\"propublica\" /></a>\\n                                  \\n                                  </div><!--slider_image-->\\n                                  \\n                                                                    \\n\\n                                                           \\n                                  <div class=\"clear\"></div>\\n                              \\n                              </li><!--item-->\\n                              \\n                                                            \\n                                                        \\n                                                        \\t\\n                            </ul> <!--slides_container-->\\n                            \\n                          </div><!--slider-->\\n\\t\\t\\t\\t\\t\\n                    <div class=\"post-content column\">\\n                            \\n\\n                          \\n                                                    \\n                          <div class=\"clear\"></div>\\n                          \\n                                                    \\n                                                    \\n                          <div class=\"cat-container two-columns\">\\n\\n                                                                \\n                                \\n                                <div class=\"cat-title\">\\n                                    <h2>\\n                                        资源                                    </h2>                                                                \\n                                </div>\\n                          \\t\\n                                <div class=\"cat-content flexslider\">\\n                                    \\n                                    <ul class=\"slides clearfix\">\\n                                    \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/07/IMG_7459-315x233.jpg\" alt=\"\" height=\"169\" width=\"228\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">七月 12, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">迈阿密大学：Alberto Cairo教授的数据新闻</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>作者 | 刘佳昕、吴嘉川 美国专门设置数据新闻专业的美国大学不多，除了有一定历史的哥伦比亚大学、密苏里大学、西北大学之外，斯坦福大学和迈阿密大学也于过去的一年设立了针对数据新闻的硕士方向。此文为大家介绍的，是迈阿密大学的Alberto Cairo和他所教授的Infographics and data [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/03/Atlanta_Nicar-315x104.png\" alt=\"\" height=\"104\" width=\"315\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">四月 24, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>作者：洪烨林，沈晨，邹燕妮 纵观这次NICAR会议的日程表，发现以“without coding”作为结尾的演讲不胜枚举。这些演讲围绕“无需写代码”为主题，介绍了很多可以帮助记者们做数据可视化、网络爬虫、地图作图等等的工具。下面，就让我们一探究竟。 地图篇： 首先介绍这次NICAR会议上两个GIS  [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2015/02/10/tools-entry-level/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/02/132.png\" alt=\"\" height=\"169\" width=\"240\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">二月 10, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/02/10/tools-entry-level/\">数据新闻实用法宝——入门篇</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>作者：财新数据可视化实验室助理陈嘉慧 不久之前撰文分享过，我在“2014年亚洲数据新闻工作坊”的所学所得，文末列举了一系列导师们在课中演示过的数据新闻工具，惟当时介绍的比较简单，所以希望再借这个平台，更具体地介绍各工具的使用方法、经典案例等资料。这些工具都十分直接易用，并且没有技术要求，十分适合初学 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2015/02/10/tools-entry-level/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2015/01/28/2015events/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/01/Screen-Shot-2015-01-28-at-12.52.47-AM-e1422424873391-315x186.png\" alt=\"\" height=\"169\" width=\"286\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">一月 28, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/xinzhu-mou/\" title=\"由牟馨竹发布\" rel=\"author\">牟馨竹</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/01/28/2015events/\">2015可视化大事件一览</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>2015，可视化会有什么新的发展、业界又有什么动态呢？看这个日历来跟踪学习吧。总的来看，四月是今年可视化活动及会议最丰富多彩的月份。 二月 2月9 — 11日\\xa0Developer Week 2015\\xa0旧金山 旧金山科技周，话题丰富多样，包括node.js，python等串讲，并有hackathon等 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2015/01/28/2015events/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2014/12/28/sohu_visualization/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2014/12/Screen-Shot-2014-12-28-at-11.542-315x116.jpg\" alt=\"\" height=\"116\" width=\"315\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">十二月 28, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/12/28/sohu_visualization/\">回首PC时代的富媒体专题—以搜狐为例</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>作者：张韧刚，@安静的大猫，搜狐图解财经栏目负责人，《图说身边经济学》一书作者（购买链接&gt;&gt;&gt;）。 2014年之后，互联网全面转向移动端，导致传统的门户网站专题模式显得过时，而由门户网站专题演化出来多以FLASH实现为主的的富媒体报道模式，也随之凋零。如今四大门户网站已经很少能看到 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2014/12/28/sohu_visualization/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2014/11/01/data_journalism_columbia/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2014/07/northAmerica-journalismSchool-315x116.png\" alt=\"\" height=\"116\" width=\"315\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">十一月 1, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/11/01/data_journalism_columbia/\">【北美新闻学院介绍】哥大篇</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>哥伦比亚大学新闻学院十个月的硕士项目是北美著名的项目，但是哥大新闻学院以其普利策奖起源之地的头衔屹立于世界中心纽约将近百年，也不免对未来新闻行业的走向感到迷惑。 双学位项目：含金量高 工作前景好\\xa0 在数据新闻方面，哥伦比亚大学在2011年秋季推出了新闻和计算机硕士双学位项目，可谓是新闻学界的一个创举 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2014/11/01/data_journalism_columbia/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2014/07/27/data_journalism_missouri/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2014/07/northAmerica-journalismSchool-315x116.png\" alt=\"\" height=\"116\" width=\"315\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">七月 27, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/27/data_journalism_missouri/\">【北美新闻学院介绍】密苏里篇</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>项目综述： 密苏里新闻学院在数据新闻方面主要有以下优点： 1、专业选择自由：虽然提交入学申请时，申请人一般都表达了专业或方向的倾向；但是，在入学时仍然可以重新选择，并且之后换方向也比较容易，第二学期转专业的同学大有人在。密苏里新闻学院提供了大量的课程，只要完成了必修课，专业方向可以自己调配。因此虽然 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2014/07/27/data_journalism_missouri/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t   \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2014/07/13/disaster_reporting/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2014/07/Screen-Shot-2014-07-13-at-8.412.jpg\" alt=\"\" height=\"169\" width=\"296\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">七月 13, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/yi-du/\" title=\"由杜怡发布\" rel=\"author\">杜怡</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/13/disaster_reporting/\">从《纽约时报》飓风报道看传统媒体灾难报道的演变</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>近年来美国不断遭遇飓风袭击，从2005年的“卡特里娜”到2012年的“桑迪”，共导致了数千人死亡、数百万人流离失所和巨大的财产损失。美国国家气象数据中心2013年的报道显示，风暴类灾害是美国各类自然灾害中数量最多、造成损失最严重的类别。本文试图通过《纽约时报》对美国两次飓风灾害”卡特里娜“和”桑迪“ [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2014/07/13/disaster_reporting/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                    \\n                                        \\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                            \\n                                                <div class=\"item clearfix\"> \\n                                                    \\n                                                                                                    \\n                                                    <div class=\"image\">\\n                                            \\n                                                        <a href=\"http://djchina.org/2014/07/07/eyesasia-font/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2014/07/CNProvinceFont1.png\" alt=\"\" height=\"169\" width=\"296\"/></a>\\n                                                    \\n                                                    </div><!--image-->\\n\\n                                                                                                          \\n                                                    <div class=\"details\">\\n                                                  \\n                                                      <div class=\"post-meta\">\\n                                                          <span class=\"date\">七月 7, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/haoyun-su/\" title=\"由苏颢云发布\" rel=\"author\">苏颢云</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/07/eyesasia-font/\">EyesAsia字体 — 用字母来画中国地图</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>两年前，ProPublica推出了StateFace字体，其中包含了美国各州形状，方便了设计师们把地图作为设计元素纳入数据可视化、信息图、应用中。 受ProPublica启发，我在业余时间采用类似的方法设计了EyesAsia字体，只是这次的坐标变成了东亚。EyesAsia包括了东亚的国家和地区，如日 [&hellip;]</p>\\n                                                      \\n                                                      </div><!--excerpt-->\\n                                                      \\n                                                      <div class=\"more_link\">\\n                                                        <a href=\"http://djchina.org/2014/07/07/eyesasia-font/\">Read More</a>\\n                                                      </div>\\n                                                  \\n                                                    </div><!--details-->                                      \\n                                                \\n                                                </div> <!--END .item -->\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                    \\n                                                                            \\n                                                                        \\t\\n                                    </ul> <!--slides-->\\n                                    \\n                                </div> <!--.cat-content-->\\n\\n                          </div> <!--.cat-container-->\\n                          \\n                            \\n                          \\n                          <div class=\"clear\"></div>\\n                          \\n                                                    \\n                          <div class=\"cat-container single-column\">\\n                          \\t\\n                                                                \\n                                \\n                                <div class=\"cat-title\">\\n                                    <h2>\\n                                        学习                                    </h2>                                                                \\n                                </div>\\n                          \\t\\n                                <div class=\"cat-content flexslider\">\\n                                                                   \\n                                    <ul class=\"slides\">\\n                                    \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                    \\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/08/28/%e4%b8%ad%e5%9b%bd%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e5%9d%8a%e5%9f%b9%e8%ae%ad%e6%89%8b%e5%86%8c%e7%ac%ac%e4%b8%80%e7%ab%a0-%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e7%ae%80%e4%bb%8b/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/08/Data-Journalism-Manual-Introduction-11-140x140.jpg\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">八月 28, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/workshop/\" title=\"由数据新闻工作坊发布\" rel=\"author\">数据新闻工作坊</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/08/28/%e4%b8%ad%e5%9b%bd%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e5%9d%8a%e5%9f%b9%e8%ae%ad%e6%89%8b%e5%86%8c%e7%ac%ac%e4%b8%80%e7%ab%a0-%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e7%ae%80%e4%bb%8b/\">中国数据新闻工作坊培训手册第一章 &#8211; 数据新闻简介</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>前言 欢迎使用中国数据新闻工作坊培训手册。 新闻工作者在报道中越来越多地使用公共和私有数据，来曝光问题、解释世界， 而随 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/08/28/%e4%b8%ad%e5%9b%bd%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e5%9d%8a%e5%9f%b9%e8%ae%ad%e6%89%8b%e5%86%8c%e7%ac%ac%e4%b8%80%e7%ab%a0-%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb%e7%ae%80%e4%bb%8b/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t   \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/07/IMG_7459-140x140.jpg\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">七月 12, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">迈阿密大学：Alberto Cairo教授的数据新闻</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>作者 | 刘佳昕、吴嘉川 美国专门设置数据新闻专业的美国大学不多，除了有一定历史的哥伦比亚大学、密苏里大学、西北大学之外 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t   \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/28/xinhuanet_tips/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/打虎拍蝇记-140x140.jpeg\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 28, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/28/xinhuanet_tips/\">新华网经验谈：多维度视角下的数据新闻</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>作者：新华网数据新闻部 文章以“学交互\\xa0| 多维度视角下的数据新闻—新华网数据新闻部实践经验谈”为题发布于新华网数据新闻 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/28/xinhuanet_tips/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_3/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"由周优游发布\" rel=\"author\">周优游</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_3/\">【2015 OpenVis会议系列之三】SVG, Canvas 和 WebGL 之比较</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis\\xa0也有多个演讲提到浏览器可视化的新宠 WebGL。虽然 WebGL 在好多年前就被高尖端的可视化工程师们广 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_3/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t   \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_2/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yue-qiu/\" title=\"由邱悦发布\" rel=\"author\">邱悦</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_2/\">【2015 OpenVis会议系列之二】如何用可视化讲个好故事？</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>本文介绍 OpenVis 中的三场主题演讲。 图表不该是抽象的、隔绝感情的。如何设计出生动而有信息量的可视化是设计者、特 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_2/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t   \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/generative-design/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/6401-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/generative-design/\">浅谈生成设计 Generative Design</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>作者：任远 财新传媒 数据可视化设计师兼工程师 今天和大家分享一下自己研究生成设计的一些心得。 1. 生成设计是什么？  [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/generative-design/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t\\t                                            <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/16/openvis_1/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 16, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"由周优游发布\" rel=\"author\">周优游</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/16/openvis_1/\">【2015 OpenVis会议系列之一】数据科学家和他们的可视化工具</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>本文介绍 OpenVis 中的两场主题演讲。 可视化工具的重要性不言而喻。对于数据可视化从业人员而言，最基础的是能够使用 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/16/openvis_1/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t  \\n                                            \\n                                                                                \\n                                                                        \\n                                        \\t   \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                            \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/03/02/data_newsroom_kusa/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/03/KUSA-140x140.jpg\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">三月 2, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/03/02/data_newsroom_kusa/\">【我在美国新闻编辑室】尝试用数据做当地新闻的KUSA-TV</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>隶属于NBC旗下的KUSA-TV是丹佛最大的电视台，共有六十多名新闻人员，调查新闻部有六名成员。此部门一直专注于做深入性 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/03/02/data_newsroom_kusa/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t                                           \\t</li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                    \\n                                                                    \\n                               \\t\\t</ul> <!--slides_container-->\\n                                \\n                                </div> <!--.cat-content-->\\n\\n                          </div> <!--.cat-container-->\\n                          \\n                            \\n\\n                          <div class=\"clear\"></div>\\n                          \\n                                                    \\n                          <div class=\"cat-container single-column\">\\n                            \\n                                                                \\n                                \\n                                <div class=\"cat-title\">\\n                                    <h2>\\n                                        动态                                    </h2>                                                                \\n                                </div>\\n                            \\n                                <div class=\"cat-content flexslider\">\\n                                                                   \\n                                    <ul class=\"slides\">\\n                                    \\n                                                        \\n                                                                                        <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/07/01/srccon15/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/06/Screen-Shot-2015-06-27-at-2.26.43-AM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">七月 1, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"由周优游发布\" rel=\"author\">周优游</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/01/srccon15/\">SRCCON：媒体极客的玩耍大会</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>美国的初夏，凉爽的双子城，外形奇怪内设高大上的校友中心。 SRCCON是一个主办方精心准备，想尽办法让每个与会者都高兴， [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/07/01/srccon15/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                        \\n                                            \\n                                                                                \\n                                                                        \\n                                             \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/06/23/2015_dja/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/06/Screen-Shot-2015-06-21-at-12.30.44-AM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">六月 23, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yelin-hong/\" title=\"由洪烨林发布\" rel=\"author\">洪烨林</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/06/23/2015_dja/\">2015数据新闻奖(DJA)获奖作品一览</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>由全球编辑网络（Global Editor Network）颁发的数据新闻奖（Data Journalism Award [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/06/23/2015_dja/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                        \\n                                            \\n                                                                                \\n                                                                        \\n                                             \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/03/Atlanta_Nicar-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 24, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>作者：洪烨林，沈晨，邹燕妮 纵观这次NICAR会议的日程表，发现以“without coding”作为结尾的演讲不胜枚举 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                                                                  </li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                        \\n                                                                                        <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_3/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"由周优游发布\" rel=\"author\">周优游</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_3/\">【2015 OpenVis会议系列之三】SVG, Canvas 和 WebGL 之比较</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis\\xa0也有多个演讲提到浏览器可视化的新宠 WebGL。虽然 WebGL 在好多年前就被高尖端的可视化工程师们广 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_3/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                        \\n                                            \\n                                                                                \\n                                                                        \\n                                             \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_2/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yue-qiu/\" title=\"由邱悦发布\" rel=\"author\">邱悦</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_2/\">【2015 OpenVis会议系列之二】如何用可视化讲个好故事？</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>本文介绍 OpenVis 中的三场主题演讲。 图表不该是抽象的、隔绝感情的。如何设计出生动而有信息量的可视化是设计者、特 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/openvis_2/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                        \\n                                            \\n                                                                                \\n                                                                        \\n                                             \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/18/generative-design/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/6401-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/generative-design/\">浅谈生成设计 Generative Design</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>作者：任远 财新传媒 数据可视化设计师兼工程师 今天和大家分享一下自己研究生成设计的一些心得。 1. 生成设计是什么？  [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/18/generative-design/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                                                                  </li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                        \\n                                                                                        <li class=\"slide\">\\n                                               \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/16/openvis_1/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 16, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"由周优游发布\" rel=\"author\">周优游</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/16/openvis_1/\">【2015 OpenVis会议系列之一】数据科学家和他们的可视化工具</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>本文介绍 OpenVis 中的两场主题演讲。 可视化工具的重要性不言而喻。对于数据可视化从业人员而言，最基础的是能够使用 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/16/openvis_1/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                        \\n                                            \\n                                                                                \\n                                                                        \\n                                             \\n                                \\n                                            <div class=\"item clearfix\">\\n\\n                                                                    \\n                                                <div class=\"image\">\\n                                        \\n                                                    <a href=\"http://djchina.org/2015/04/14/openvis_0/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2015/04/Screen-Shot-2015-04-13-at-10.31.09-PM-140x140.png\" alt=\"\" height=\"140\" width=\"140\"/></a>\\n                                                \\n                                                </div><!--image-->\\n\\n                                                                                                  \\n                                                <div class=\"details\">\\n                                              \\n                                                  <div class=\"post-meta\">\\n                                                      <span class=\"date\">四月 14, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"由数据新闻网发布\" rel=\"author\">数据新闻网</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/14/openvis_0/\">【2015 OpenVis 会议系列开篇】OpenVis是个什么会</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis是个什么会？ 下面这张图（来源自Lena Groeger 的 Twitter 截屏）从数据新闻的角度回答了 [&hellip;]</p>\\n                                                  \\n                                                  </div><!--excerpt-->\\n                                                  \\n                                                  <div class=\"more_link\">\\n                                                    <a href=\"http://djchina.org/2015/04/14/openvis_0/\">Read More</a>\\n                                                  </div>\\n                                              \\n                                                </div><!--details-->\\n                                                \\n                                                <div class=\"clear\"></div>\\n                                            \\n                                            </div><!--item-->\\n                                            \\n                                                                  </li> <!--END .slide -->\\n                                            \\n                                              \\n                                            \\n                                                                                \\n                                                                    \\n                                                                    \\n                                  </ul> <!--slides_container-->\\n                                \\n                                </div> <!--.cat-content-->\\n\\n                          </div> <!--.cat-container-->\\n                          \\n                            \\n \\n                \\t</div>  <!--post-content--> \\n                    \\n                    \\t\\t<!--BEGIN #sidebar .aside-->\\r\\n\\t\\t<div id=\"sidebar\" class=\"column\">\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t<div id=\"posts_thumb-4\" class=\"widget posts_Thumb\"><h4 class=\"widget-title\">工作与机会</h4>\\r\\n\\t<ul class=\"post-thumb widget_posts clearfix\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\r\\n            <li class=\"item\">\\r\\n                \\r\\n                                \\r\\n                <div class=\"details no_thumb\">\\r\\n                    <h4><a href=\"http://djchina.org/2015/07/28/paper_intern_fall/\">澎湃新闻 | 文案实习生（秋季）</a></h4>\\r\\n                    \\r\\n                                    \\r\\n                </div>\\r\\n                \\r\\n                <div class=\"clear\"></div>\\r\\n                \\r\\n            </li>\\r\\n\\t\\t \\r\\n\\t\\t\\t\\t\\t\\t\\t\\r\\n            <li class=\"item\">\\r\\n                \\r\\n                                \\r\\n                <div class=\"details no_thumb\">\\r\\n                    <h4><a href=\"http://djchina.org/2015/05/19/shanghai_may_meetup/\">华东论道—数据新闻与可视化应用分享会</a></h4>\\r\\n                    \\r\\n                                    \\r\\n                </div>\\r\\n                \\r\\n                <div class=\"clear\"></div>\\r\\n                \\r\\n            </li>\\r\\n\\t\\t \\r\\n\\t\\t\\t\\t\\t\\t\\t\\r\\n            <li class=\"item\">\\r\\n                \\r\\n                                \\r\\n                <div class=\"details no_thumb\">\\r\\n                    <h4><a href=\"http://djchina.org/2015/05/18/163_data_editor/\">网易新媒体实验室招聘数据新闻编辑</a></h4>\\r\\n                    \\r\\n                                    \\r\\n                </div>\\r\\n                \\r\\n                <div class=\"clear\"></div>\\r\\n                \\r\\n            </li>\\r\\n\\t\\t \\r\\n\\t\\t\\t\\t\\t\\t\\t\\r\\n            <li class=\"item\">\\r\\n                \\r\\n                                \\r\\n                <div class=\"details no_thumb\">\\r\\n                    <h4><a href=\"http://djchina.org/2015/05/15/course_math_for_journalists/\">课程 | 记者们来上数学课了</a></h4>\\r\\n                    \\r\\n                                    \\r\\n                </div>\\r\\n                \\r\\n                <div class=\"clear\"></div>\\r\\n                \\r\\n            </li>\\r\\n\\t\\t \\r\\n\\t\\t\\t\\t\\t\\t\\t\\r\\n            <li class=\"item\">\\r\\n                \\r\\n                                \\r\\n                <div class=\"details no_thumb\">\\r\\n                    <h4><a href=\"http://djchina.org/2015/05/04/data_j_workshop_sh/\">培训：复旦大学数据新闻工作坊</a></h4>\\r\\n                    \\r\\n                                    \\r\\n                </div>\\r\\n                \\r\\n                <div class=\"clear\"></div>\\r\\n                \\r\\n            </li>\\r\\n\\t\\t \\r\\n\\t\\t\\t</ul>\\r\\n    \\r\\n    </div><div id=\"text-3\" class=\"widget widget_text\">\\t\\t\\t<div class=\"textwidget\"><a  href=\"http://djchina.org/2013/09/09/data_journalism_handbook_cn/\"><img class=\"res\" src=\"http://djchina.org/djchina/wp-content/uploads/2013/08/resource-01.jpg\"></img></a>\\r\\n<a href=\"http://djchina.org/tag/%E4%B8%9A%E7%95%8C%E6%98%8E%E6%98%9F/\"><img class=\"res\" src=\"http://djchina.org/djchina/wp-content/uploads/2013/08/resource-02.jpg\"></img></a>\\r\\n<a href=\"http://djchina.org/tag/%E5%9C%A8%E7%BA%BF%E5%AD%A6%E4%B9%A0/\"><img class=\"res\" src=\"http://djchina.org/djchina/wp-content/uploads/2013/08/resource-04.jpg\"></img></a>\\r\\n<a href=\"http://djchina.org/tag/%E5%B7%A5%E5%85%B7/\"><img class=\"res\" src=\"http://djchina.org/djchina/wp-content/uploads/2014/08/tools-061.png\"></img></a></div>\\n\\t\\t</div><div id=\"text-4\" class=\"widget widget_text\"><h4 class=\"widget-title\">关注我！</h4>\\t\\t\\t<div class=\"textwidget\"><iframe width=\"100%\" height=\"330\" class=\"share_self\"  frameborder=\"0\" scrolling=\"no\" src=\"http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=330&fansRow=2&ptype=1&speed=100&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=3622525552&verifier=6f6d1503&colors=d6f3f7,ffffff,666666,0082cb,ecfbfd&dpc=1\"></iframe></div>\\n\\t\\t</div><div id=\"cat_widget-2\" class=\"widget Cat_widget\"><h4 class=\"widget-title\">TAGS</h4>\\t\\t\\r\\n\\t\\t<ul class=\"tag_list\">\\r\\n\\t\\t\\t<li><a href=\\'http://djchina.org/tag/data-journalism/\\' class=\\'tag-link-16\\' title=\\'21个话题\\' style=\\'font-size: 15.622222222222pt;\\'>data journalism</a></li> <li><a href=\\'http://djchina.org/tag/dj%e5%8d%8a%e6%9c%88%e5%88%8a/\\' class=\\'tag-link-130\\' title=\\'8个话题\\' style=\\'font-size: 9.5555555555556pt;\\'>DJ半月刊</a></li> <li><a href=\\'http://djchina.org/tag/%e4%b8%93%e9%a2%98/\\' class=\\'tag-link-6\\' title=\\'10个话题\\' style=\\'font-size: 10.955555555556pt;\\'>专题</a></li> <li><a href=\\'http://djchina.org/tag/%e4%ba%a4%e4%ba%92/\\' class=\\'tag-link-11\\' title=\\'6个话题\\' style=\\'font-size: 8pt;\\'>交互</a></li> <li><a href=\\'http://djchina.org/tag/%e4%bc%9a%e8%ae%ae/\\' class=\\'tag-link-131\\' title=\\'17个话题\\' style=\\'font-size: 14.377777777778pt;\\'>会议</a></li> <li><a href=\\'http://djchina.org/tag/%e4%bf%a1%e6%81%af%e5%8f%af%e8%a7%86%e5%8c%96/\\' class=\\'tag-link-29\\' title=\\'9个话题\\' style=\\'font-size: 10.333333333333pt;\\'>信息可视化</a></li> <li><a href=\\'http://djchina.org/tag/%e5%8f%af%e8%a7%86%e5%8c%96/\\' class=\\'tag-link-10\\' title=\\'17个话题\\' style=\\'font-size: 14.377777777778pt;\\'>可视化</a></li> <li><a href=\\'http://djchina.org/tag/%e5%9c%a8%e7%ba%bf%e5%ad%a6%e4%b9%a0/\\' class=\\'tag-link-23\\' title=\\'8个话题\\' style=\\'font-size: 9.5555555555556pt;\\'>在线学习</a></li> <li><a href=\\'http://djchina.org/tag/%e5%9f%b9%e8%ae%ad/\\' class=\\'tag-link-95\\' title=\\'7个话题\\' style=\\'font-size: 8.7777777777778pt;\\'>培训</a></li> <li><a href=\\'http://djchina.org/tag/%e5%a5%96%e9%a1%b9/\\' class=\\'tag-link-132\\' title=\\'7个话题\\' style=\\'font-size: 8.7777777777778pt;\\'>奖项</a></li> <li><a href=\\'http://djchina.org/tag/%e5%ae%9e%e6%88%98/\\' class=\\'tag-link-128\\' title=\\'15个话题\\' style=\\'font-size: 13.444444444444pt;\\'>实战</a></li> <li><a href=\\'http://djchina.org/tag/%e5%b7%a5%e4%bd%9c/\\' class=\\'tag-link-27\\' title=\\'8个话题\\' style=\\'font-size: 9.5555555555556pt;\\'>工作</a></li> <li><a href=\\'http://djchina.org/tag/%e5%b7%a5%e5%85%b7/\\' class=\\'tag-link-13\\' title=\\'9个话题\\' style=\\'font-size: 10.333333333333pt;\\'>工具</a></li> <li><a href=\\'http://djchina.org/tag/%e6%8b%9b%e8%81%98/\\' class=\\'tag-link-20\\' title=\\'6个话题\\' style=\\'font-size: 8pt;\\'>招聘</a></li> <li><a href=\\'http://djchina.org/tag/%e6%95%b0%e6%8d%ae%e5%8f%af%e8%a7%86%e5%8c%96/\\' class=\\'tag-link-18\\' title=\\'27个话题\\' style=\\'font-size: 17.333333333333pt;\\'>数据可视化</a></li> <li><a href=\\'http://djchina.org/tag/%e6%95%b0%e6%8d%ae%e6%96%b0%e9%97%bb/\\' class=\\'tag-link-9\\' title=\\'55个话题\\' style=\\'font-size: 22pt;\\'>数据新闻</a></li> <li><a href=\\'http://djchina.org/tag/%e6%96%b0%e9%97%bb%e5%ba%94%e7%94%a8/\\' class=\\'tag-link-31\\' title=\\'6个话题\\' style=\\'font-size: 8pt;\\'>新闻应用</a></li> <li><a href=\\'http://djchina.org/tag/%e6%a1%88%e4%be%8b%e5%88%86%e6%9e%90/\\' class=\\'tag-link-126\\' title=\\'20个话题\\' style=\\'font-size: 15.311111111111pt;\\'>案例分析</a></li> <li><a href=\\'http://djchina.org/tag/%e7%ba%bd%e7%ba%a6%e6%97%b6%e6%8a%a5/\\' class=\\'tag-link-38\\' title=\\'9个话题\\' style=\\'font-size: 10.333333333333pt;\\'>纽约时报</a></li> <li><a href=\\'http://djchina.org/tag/%e8%ae%be%e8%ae%a1/\\' class=\\'tag-link-33\\' title=\\'7个话题\\' style=\\'font-size: 8.7777777777778pt;\\'>设计</a></li>    \\r\\n\\t\\t</ul>\\r\\n\\t\\t<div class=\"clear\"></div>\\r\\n\\t\\t\\r\\n\\t\\t</div>\\t\\t\\r\\n\\t\\t<!--END .sidebar-->\\r\\n\\t\\t</div>              \\n                \\n                </div><!-- .inner_content-->\\n\\n            </div> <!--#main_container-->\\n\\n    <!-- BEGIN #footer-container -->\\r\\n   <div id=\"footer\" class=\"container\">\\r\\n\\r\\n            <div class=\"footer_inner row clearfix\">\\r\\n            \\r\\n            <!-- BEGIN .widget-section -->\\r\\n                                <div class=\"grid_four neutral\">\\r\\n                \\t\\r\\n                    <div id=\"text-2\" class=\"widget widget_text\"><h4 class=\"widget-title\"><a href=\"http://djchina.org/%e5%85%b3%e4%ba%8e/\">关于我们</a></h4>\\t\\t\\t<div class=\"textwidget\"><p>数据新闻网以引介全球范围内最顶尖的数据新闻实践为初衷，以推动数据开放及媒体革新为宗旨，面向中国的新闻从业者、媒体管理者、新传教育者以及对传媒感兴趣的设计师、程序员，提供线上信息平台与线下交流机会。</p>\\r\\n<p>info[at]djchina[dot]org</p>\\r\\n</div>\\r\\n\\t\\t</div>\\r\\n                </div>\\r\\n\\r\\n                                <div class=\"grid_four\">\\r\\n                \\r\\n                \\t<div id=\"claim\" class=\"widget\"><h4 class=\"widget-title\">网站事项</h4>\\r\\n<ul>\\r\\n\\t<li class=\"cat-item cat-item-9\" ><a href=\"http://djchina.org/免责声明/\" title=\"免责声明\">免责声明</a>\\r\\n</li>\\r\\n\\t<li class=\"cat-item cat-item-8\" style=\"margin-right: 0px;\"><a href=\"http://djchina.org/版权声明/\" title=\"版权声明\">版权声明</a>\\r\\n</li>\\r\\n\\t<li class=\"cat-item cat-item-7\" ><a href=\"http://djchina.org/2013/09/22/join-us/\" title=\"加入我们\">加入我们</a>\\r\\n</li>\\r\\n\\t<li class=\"cat-item cat-item-6\" style=\"margin-right: 0px;\"><a href=\"http://djchina.org/#\" title=\"赞助我们\">赞助支持</a>\\r\\n</li>\\r\\n\\t\\t</ul>     \\r\\n\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n                </div><!-- END .grid_four --> \\r\\n                \\r\\n                <!-- BEGIN .widget-section -->\\r\\n                                <div class=\"grid_four\">\\r\\n                \\r\\n                \\t<div id=\"sponsor\" class=\"widget\"><h4 class=\"widget-title\">支持伙伴</h4>\\r\\n<ul>\\r\\n<li><a href=\"http://okfn.org\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2013/08/okfn.png\" alt=\"OKFN\"></a></li>\\r\\n<li><a href=\"http://jmsc.hku.hk/\"><img src=\"http://djchina.org/djchina/wp-content/uploads/2013/09/jmsclogo-01.png\" alt=\"JMSC\"></a></li>\\r\\n\\t\\t</ul>\\r\\n</div>\\r\\n</div>\\r\\n\\r\\n<div class=\"grid_four\">\\r\\n<div id=\"text-2\" class=\"widget widget_text\">\\r\\n<h4 class=\"widget-title\"><a href=\"http://djchina.org/%e5%85%b3%e4%ba%8e/\">邮件组订阅</a></h4>\\r\\n<p>想与数据新闻爱好者一起交流？加入邮件讨论组！</p>\\r\\n<form id=\"maillist\" action=\"http://just52.justhost.com/mailman/subscribe/datajournalismchina_djchina.org\" method=\"POST\">\\r\\n<input name=\"email\" style=\"display:inline;float:left;height:25px;width:70%;\" type=\"text\"/><a class=\"zilla-button small light-blue square\" style=\"display:inline;float:left;\" href=\"JavaScript:maillist.submit();\">订阅</a>\\r\\n  </form>\\r\\n</div>\\r\\n                </div>\\r\\n                 \\r\\n            \\r\\n                <div class=\"clear\"></div>\\r\\n                               \\r\\n            </div><!--Footer-inner-->\\r\\n        </div><!-- end .footer -->\\r\\n\\t\\r\\n\\t\\t\\r\\n        <div id=\"footer_bottom\" class=\"container\">\\r\\n                \\r\\n                <div class=\"footer_inner attribution clearfix row\">\\r\\n                \\r\\n                    <p class=\"copyright\" style=\"display:inline\"><a rel=\"license\" href=\"http://creativecommons.org/licenses/by-nc/3.0/deed.zh_CN\"><img alt=\"知识共享许可协议\" style=\"border-width:0;display:inline;\" src=\"http://i.creativecommons.org/l/by-nc/3.0/80x15.png\" /></a> 数据新闻网 版权所有 &copy; Copyright 2015<span></span></p>\\r\\n                \\t                   \\r\\n                      <div id=\"footer-nav\">\\r\\n                                                    <div class=\"menu-index-container\"><ul id=\"menu-index-1\" class=\"menu\"><li id=\"menu-item-13\" class=\"menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item menu-item-13\"><a href=\"http://djchina.org/\">首页</a></li>\\n<li id=\"menu-item-15\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15\"><a href=\"http://djchina.org/category/news/\">动态</a></li>\\n<li id=\"menu-item-16\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category menu-item-16\"><a href=\"http://djchina.org/category/study/\">学习</a></li>\\n<li id=\"menu-item-18\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18\"><a href=\"http://djchina.org/category/resource/\">资源</a></li>\\n<li id=\"menu-item-17\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category menu-item-17\"><a href=\"http://djchina.org/category/opportunity/\">机会</a></li>\\n<li id=\"menu-item-14\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-14\"><a href=\"http://djchina.org/about/\">关于</a></li>\\n</ul></div>                                                        \\r\\n                      </div>\\r\\n \\r\\n                </div> <!--attribution--> \\r\\n                \\r\\n                <div class=\"top_scroll\"><a href=\"#top\">&uarr;</a></div>\\r\\n                \\r\\n          </div> <!--Footer_bottom-->   \\r\\n    \\r\\n    \\t</div> <!--.inner_warp-->\\r\\n    \\r\\n    </div> <!--.wrap .container\\t-->\\r\\n\\r\\n\\r\\n\\r\\n    \\r\\n        \\r\\n\\t<!-- Theme Hook -->\\r\\n\\t<script>\\r\\n  (function(i,s,o,g,r,a,m){i[\\'GoogleAnalyticsObject\\']=r;i[r]=i[r]||function(){\\r\\n  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\\r\\n  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\\r\\n  })(window,document,\\'script\\',\\'//www.google-analytics.com/analytics.js\\',\\'ga\\');\\r\\n\\r\\n  ga(\\'create\\', \\'UA-44022915-1\\', \\'djchina.org\\');\\r\\n  ga(\\'send\\', \\'pageview\\');\\r\\n\\r\\n</script>\\n<script type=\\'text/javascript\\' src=\\'http://djchina.org/djchina/wp-content/themes/zend/js/custom.js?ver=1.0\\'></script>\\n\\r\\n</body><!--END body-->\\r\\n\\r\\n</html><!--END html-->'"
      ]
     },
     "execution_count": 97,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Use result.text instead of result.content to make sure you get Unicode\n",
    "# (We might have used .content in class)\n",
    "# Because we're using Python 3 instead of Python 2, we can see the\n",
    "# Chinese characters in the output\n",
    "\n",
    "result = requests.get(\"http://djchina.org\")\n",
    "result.text"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 98,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "# I personally like using\n",
    "# soup = BeautifulSoup(result.text, 'html.parser')\n",
    "# but let's keep it simpler\n",
    "\n",
    "soup = BeautifulSoup(result.text)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 99,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "# Pull out the titles and tags\n",
    "\n",
    "tags = soup.select(\"h2.title a\")\n",
    "titles = [tag.text for tag in tags]\n",
    "urls = [tag['href'] for tag in tags]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 100,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['http://djchina.org/2015/07/12/miami-alberto-cairo/',\n",
       " 'http://djchina.org/2015/04/24/2015nicar_without_coding/',\n",
       " 'http://djchina.org/2015/02/10/tools-entry-level/',\n",
       " 'http://djchina.org/2015/01/28/2015events/',\n",
       " 'http://djchina.org/2014/12/28/sohu_visualization/']"
      ]
     },
     "execution_count": 100,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# URLs are only ASCII, they look fine\n",
    "urls[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 101,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['迈阿密大学：Alberto Cairo教授的数据新闻',\n",
       " '【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客',\n",
       " '数据新闻实用法宝——入门篇',\n",
       " '2015可视化大事件一览',\n",
       " '回首PC时代的富媒体专题—以搜狐为例']"
      ]
     },
     "execution_count": 101,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Looks fine (didn't in Python 2)\n",
    "titles[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 102,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "['迈阿密大学：Alberto Cairo教授的数据新闻', '【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客', '数据新闻实用法宝——入门篇', '2015可视化大事件一览', '回首PC时代的富媒体专题—以搜狐为例']\n"
     ]
    }
   ],
   "source": [
    "# Looks fine (didn't in Python 2)\n",
    "print(titles[:5])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 103,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "迈阿密大学：Alberto Cairo教授的数据新闻\n",
      "【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客\n",
      "数据新闻实用法宝——入门篇\n",
      "2015可视化大事件一览\n",
      "回首PC时代的富媒体专题—以搜狐为例\n"
     ]
    }
   ],
   "source": [
    "# Looks fine (this is the only one that worked in Python 2)\n",
    "for title in titles[:5]:\n",
    "    print(title)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Pandas\n",
    "\n",
    "Sometimes `pandas` is good at UTF-8, sometimes not."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 104,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>title</th>\n",
       "      <th>url</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>迈阿密大学：Alberto Cairo教授的数据新闻</td>\n",
       "      <td>http://djchina.org/2015/07/12/miami-alberto-ca...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客</td>\n",
       "      <td>http://djchina.org/2015/04/24/2015nicar_withou...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>数据新闻实用法宝——入门篇</td>\n",
       "      <td>http://djchina.org/2015/02/10/tools-entry-level/</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>2015可视化大事件一览</td>\n",
       "      <td>http://djchina.org/2015/01/28/2015events/</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>回首PC时代的富媒体专题—以搜狐为例</td>\n",
       "      <td>http://djchina.org/2014/12/28/sohu_visualization/</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                               title  \\\n",
       "0         迈阿密大学：Alberto Cairo教授的数据新闻   \n",
       "1  【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客   \n",
       "2                      数据新闻实用法宝——入门篇   \n",
       "3                       2015可视化大事件一览   \n",
       "4                 回首PC时代的富媒体专题—以搜狐为例   \n",
       "\n",
       "                                                 url  \n",
       "0  http://djchina.org/2015/07/12/miami-alberto-ca...  \n",
       "1  http://djchina.org/2015/04/24/2015nicar_withou...  \n",
       "2   http://djchina.org/2015/02/10/tools-entry-level/  \n",
       "3          http://djchina.org/2015/01/28/2015events/  \n",
       "4  http://djchina.org/2014/12/28/sohu_visualization/  "
      ]
     },
     "execution_count": 104,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pandas as pd\n",
    "\n",
    "content = pd.DataFrame({'title': text, 'url': urls})\n",
    "content.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 105,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "# Saves fine without specifying encoding (unlike Python 2)\n",
    "\n",
    "content.to_csv(\"pandas-output-python3.csv\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.3.5"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}