UTF-8 in Python 2.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Using Python 2\n",
    "\n",
    "Using `print` vs. not using print makes a big difference in Python 2"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 98,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "hello world\n"
     ]
    }
   ],
   "source": [
    "# Works fine since it's ASCII\n",
    "print 'hello world'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 99,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'hello world'"
      ]
     },
     "execution_count": 99,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Works fine since it's ASCII\n",
    "'hello world'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 100,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "你好世界\n"
     ]
    }
   ],
   "source": [
    "# It's UTF-8, but it works because we're using print\n",
    "print '你好世界'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 101,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\xe4\\xbd\\xa0\\xe5\\xa5\\xbd\\xe4\\xb8\\x96\\xe7\\x95\\x8c'"
      ]
     },
     "execution_count": 101,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Shows raw Unicode codes because we didn't use print :(\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": 102,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "from bs4 import BeautifulSoup\n",
    "import requests"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 103,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "u'<!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>\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51 | 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=\"\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51 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=\"\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51 &raquo; Feed\" href=\"http://djchina.org/feed/\" />\\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51 &raquo; \\u8bc4\\u8bbaFeed\" href=\"http://djchina.org/comments/feed/\" />\\n<link rel=\"alternate\" type=\"application/rss+xml\" title=\"\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51 &raquo; \\u9996\\u9875\\u8bc4\\u8bbaFeed\" 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=\"\\u8bf7\\u8f93\\u5165\\u641c\\u7d22\\u5173\\u952e\\u8bcd...\" />\\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=\"\\u6570\\u636e\\u65b0\\u95fb\\u4e2d\\u6587\\u7f51\"/></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>\\u9996\\u9875</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>\\u52a8\\u6001</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>\\u5b66\\u4e60</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>\\u8d44\\u6e90</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>\\u673a\\u4f1a</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>\\u5173\\u4e8e</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>\\u9996\\u9875</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>\\u52a8\\u6001</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>\\u5b66\\u4e60</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>\\u8d44\\u6e90</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>\\u673a\\u4f1a</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>\\u5173\\u4e8e</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                                        \\u8d44\\u6e90                                    </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\">\\u4e03\\u6708 12, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\uff1aAlberto Cairo\\u6559\\u6388\\u7684\\u6570\\u636e\\u65b0\\u95fb</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u4f5c\\u8005 | \\u5218\\u4f73\\u6615\\u3001\\u5434\\u5609\\u5ddd \\u7f8e\\u56fd\\u4e13\\u95e8\\u8bbe\\u7f6e\\u6570\\u636e\\u65b0\\u95fb\\u4e13\\u4e1a\\u7684\\u7f8e\\u56fd\\u5927\\u5b66\\u4e0d\\u591a\\uff0c\\u9664\\u4e86\\u6709\\u4e00\\u5b9a\\u5386\\u53f2\\u7684\\u54e5\\u4f26\\u6bd4\\u4e9a\\u5927\\u5b66\\u3001\\u5bc6\\u82cf\\u91cc\\u5927\\u5b66\\u3001\\u897f\\u5317\\u5927\\u5b66\\u4e4b\\u5916\\uff0c\\u65af\\u5766\\u798f\\u5927\\u5b66\\u548c\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\u4e5f\\u4e8e\\u8fc7\\u53bb\\u7684\\u4e00\\u5e74\\u8bbe\\u7acb\\u4e86\\u9488\\u5bf9\\u6570\\u636e\\u65b0\\u95fb\\u7684\\u7855\\u58eb\\u65b9\\u5411\\u3002\\u6b64\\u6587\\u4e3a\\u5927\\u5bb6\\u4ecb\\u7ecd\\u7684\\uff0c\\u662f\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\u7684Alberto Cairo\\u548c\\u4ed6\\u6240\\u6559\\u6388\\u7684Infographics 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\">\\u56db\\u6708 24, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">\\u30102015 NICAR\\u4f1a\\u8bae\\u7cfb\\u5217\\u62a5\\u9053\\u4e4b\\u4e8c\\u3011\\u4e0d\\u5199\\u4ee3\\u7801\\uff0c\\u4e5f\\u80fd\\u6210\\u4e3a\\u8bb0\\u8005\\u6781\\u5ba2</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u4f5c\\u8005\\uff1a\\u6d2a\\u70e8\\u6797\\uff0c\\u6c88\\u6668\\uff0c\\u90b9\\u71d5\\u59ae \\u7eb5\\u89c2\\u8fd9\\u6b21NICAR\\u4f1a\\u8bae\\u7684\\u65e5\\u7a0b\\u8868\\uff0c\\u53d1\\u73b0\\u4ee5\\u201cwithout coding\\u201d\\u4f5c\\u4e3a\\u7ed3\\u5c3e\\u7684\\u6f14\\u8bb2\\u4e0d\\u80dc\\u679a\\u4e3e\\u3002\\u8fd9\\u4e9b\\u6f14\\u8bb2\\u56f4\\u7ed5\\u201c\\u65e0\\u9700\\u5199\\u4ee3\\u7801\\u201d\\u4e3a\\u4e3b\\u9898\\uff0c\\u4ecb\\u7ecd\\u4e86\\u5f88\\u591a\\u53ef\\u4ee5\\u5e2e\\u52a9\\u8bb0\\u8005\\u4eec\\u505a\\u6570\\u636e\\u53ef\\u89c6\\u5316\\u3001\\u7f51\\u7edc\\u722c\\u866b\\u3001\\u5730\\u56fe\\u4f5c\\u56fe\\u7b49\\u7b49\\u7684\\u5de5\\u5177\\u3002\\u4e0b\\u9762\\uff0c\\u5c31\\u8ba9\\u6211\\u4eec\\u4e00\\u63a2\\u7a76\\u7adf\\u3002 \\u5730\\u56fe\\u7bc7\\uff1a \\u9996\\u5148\\u4ecb\\u7ecd\\u8fd9\\u6b21NICAR\\u4f1a\\u8bae\\u4e0a\\u4e24\\u4e2aGIS  [&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\">\\u4e8c\\u6708 10, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/02/10/tools-entry-level/\">\\u6570\\u636e\\u65b0\\u95fb\\u5b9e\\u7528\\u6cd5\\u5b9d\\u2014\\u2014\\u5165\\u95e8\\u7bc7</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u4f5c\\u8005\\uff1a\\u8d22\\u65b0\\u6570\\u636e\\u53ef\\u89c6\\u5316\\u5b9e\\u9a8c\\u5ba4\\u52a9\\u7406\\u9648\\u5609\\u6167 \\u4e0d\\u4e45\\u4e4b\\u524d\\u64b0\\u6587\\u5206\\u4eab\\u8fc7\\uff0c\\u6211\\u5728\\u201c2014\\u5e74\\u4e9a\\u6d32\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a\\u201d\\u7684\\u6240\\u5b66\\u6240\\u5f97\\uff0c\\u6587\\u672b\\u5217\\u4e3e\\u4e86\\u4e00\\u7cfb\\u5217\\u5bfc\\u5e08\\u4eec\\u5728\\u8bfe\\u4e2d\\u6f14\\u793a\\u8fc7\\u7684\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u5177\\uff0c\\u60df\\u5f53\\u65f6\\u4ecb\\u7ecd\\u7684\\u6bd4\\u8f83\\u7b80\\u5355\\uff0c\\u6240\\u4ee5\\u5e0c\\u671b\\u518d\\u501f\\u8fd9\\u4e2a\\u5e73\\u53f0\\uff0c\\u66f4\\u5177\\u4f53\\u5730\\u4ecb\\u7ecd\\u5404\\u5de5\\u5177\\u7684\\u4f7f\\u7528\\u65b9\\u6cd5\\u3001\\u7ecf\\u5178\\u6848\\u4f8b\\u7b49\\u8d44\\u6599\\u3002\\u8fd9\\u4e9b\\u5de5\\u5177\\u90fd\\u5341\\u5206\\u76f4\\u63a5\\u6613\\u7528\\uff0c\\u5e76\\u4e14\\u6ca1\\u6709\\u6280\\u672f\\u8981\\u6c42\\uff0c\\u5341\\u5206\\u9002\\u5408\\u521d\\u5b66 [&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\">\\u4e00\\u6708 28, 2015 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/xinzhu-mou/\" title=\"\\u7531\\u725f\\u99a8\\u7af9\\u53d1\\u5e03\" rel=\"author\">\\u725f\\u99a8\\u7af9</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2015/01/28/2015events/\">2015\\u53ef\\u89c6\\u5316\\u5927\\u4e8b\\u4ef6\\u4e00\\u89c8</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>2015\\uff0c\\u53ef\\u89c6\\u5316\\u4f1a\\u6709\\u4ec0\\u4e48\\u65b0\\u7684\\u53d1\\u5c55\\u3001\\u4e1a\\u754c\\u53c8\\u6709\\u4ec0\\u4e48\\u52a8\\u6001\\u5462\\uff1f\\u770b\\u8fd9\\u4e2a\\u65e5\\u5386\\u6765\\u8ddf\\u8e2a\\u5b66\\u4e60\\u5427\\u3002\\u603b\\u7684\\u6765\\u770b\\uff0c\\u56db\\u6708\\u662f\\u4eca\\u5e74\\u53ef\\u89c6\\u5316\\u6d3b\\u52a8\\u53ca\\u4f1a\\u8bae\\u6700\\u4e30\\u5bcc\\u591a\\u5f69\\u7684\\u6708\\u4efd\\u3002 \\u4e8c\\u6708 2\\u67089 \\u2014 11\\u65e5\\xa0Developer Week 2015\\xa0\\u65e7\\u91d1\\u5c71 \\u65e7\\u91d1\\u5c71\\u79d1\\u6280\\u5468\\uff0c\\u8bdd\\u9898\\u4e30\\u5bcc\\u591a\\u6837\\uff0c\\u5305\\u62ecnode.js\\uff0cpython\\u7b49\\u4e32\\u8bb2\\uff0c\\u5e76\\u6709hackathon\\u7b49 [&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\">\\u5341\\u4e8c\\u6708 28, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/12/28/sohu_visualization/\">\\u56de\\u9996PC\\u65f6\\u4ee3\\u7684\\u5bcc\\u5a92\\u4f53\\u4e13\\u9898\\u2014\\u4ee5\\u641c\\u72d0\\u4e3a\\u4f8b</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u4f5c\\u8005\\uff1a\\u5f20\\u97e7\\u521a\\uff0c@\\u5b89\\u9759\\u7684\\u5927\\u732b\\uff0c\\u641c\\u72d0\\u56fe\\u89e3\\u8d22\\u7ecf\\u680f\\u76ee\\u8d1f\\u8d23\\u4eba\\uff0c\\u300a\\u56fe\\u8bf4\\u8eab\\u8fb9\\u7ecf\\u6d4e\\u5b66\\u300b\\u4e00\\u4e66\\u4f5c\\u8005\\uff08\\u8d2d\\u4e70\\u94fe\\u63a5&gt;&gt;&gt;\\uff09\\u3002 2014\\u5e74\\u4e4b\\u540e\\uff0c\\u4e92\\u8054\\u7f51\\u5168\\u9762\\u8f6c\\u5411\\u79fb\\u52a8\\u7aef\\uff0c\\u5bfc\\u81f4\\u4f20\\u7edf\\u7684\\u95e8\\u6237\\u7f51\\u7ad9\\u4e13\\u9898\\u6a21\\u5f0f\\u663e\\u5f97\\u8fc7\\u65f6\\uff0c\\u800c\\u7531\\u95e8\\u6237\\u7f51\\u7ad9\\u4e13\\u9898\\u6f14\\u5316\\u51fa\\u6765\\u591a\\u4ee5FLASH\\u5b9e\\u73b0\\u4e3a\\u4e3b\\u7684\\u7684\\u5bcc\\u5a92\\u4f53\\u62a5\\u9053\\u6a21\\u5f0f\\uff0c\\u4e5f\\u968f\\u4e4b\\u51cb\\u96f6\\u3002\\u5982\\u4eca\\u56db\\u5927\\u95e8\\u6237\\u7f51\\u7ad9\\u5df2\\u7ecf\\u5f88\\u5c11\\u80fd\\u770b\\u5230 [&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\">\\u5341\\u4e00\\u6708 1, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/11/01/data_journalism_columbia/\">\\u3010\\u5317\\u7f8e\\u65b0\\u95fb\\u5b66\\u9662\\u4ecb\\u7ecd\\u3011\\u54e5\\u5927\\u7bc7</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u54e5\\u4f26\\u6bd4\\u4e9a\\u5927\\u5b66\\u65b0\\u95fb\\u5b66\\u9662\\u5341\\u4e2a\\u6708\\u7684\\u7855\\u58eb\\u9879\\u76ee\\u662f\\u5317\\u7f8e\\u8457\\u540d\\u7684\\u9879\\u76ee\\uff0c\\u4f46\\u662f\\u54e5\\u5927\\u65b0\\u95fb\\u5b66\\u9662\\u4ee5\\u5176\\u666e\\u5229\\u7b56\\u5956\\u8d77\\u6e90\\u4e4b\\u5730\\u7684\\u5934\\u8854\\u5c79\\u7acb\\u4e8e\\u4e16\\u754c\\u4e2d\\u5fc3\\u7ebd\\u7ea6\\u5c06\\u8fd1\\u767e\\u5e74\\uff0c\\u4e5f\\u4e0d\\u514d\\u5bf9\\u672a\\u6765\\u65b0\\u95fb\\u884c\\u4e1a\\u7684\\u8d70\\u5411\\u611f\\u5230\\u8ff7\\u60d1\\u3002 \\u53cc\\u5b66\\u4f4d\\u9879\\u76ee\\uff1a\\u542b\\u91d1\\u91cf\\u9ad8 \\u5de5\\u4f5c\\u524d\\u666f\\u597d\\xa0 \\u5728\\u6570\\u636e\\u65b0\\u95fb\\u65b9\\u9762\\uff0c\\u54e5\\u4f26\\u6bd4\\u4e9a\\u5927\\u5b66\\u57282011\\u5e74\\u79cb\\u5b63\\u63a8\\u51fa\\u4e86\\u65b0\\u95fb\\u548c\\u8ba1\\u7b97\\u673a\\u7855\\u58eb\\u53cc\\u5b66\\u4f4d\\u9879\\u76ee\\uff0c\\u53ef\\u8c13\\u662f\\u65b0\\u95fb\\u5b66\\u754c\\u7684\\u4e00\\u4e2a\\u521b\\u4e3e [&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\">\\u4e03\\u6708 27, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/27/data_journalism_missouri/\">\\u3010\\u5317\\u7f8e\\u65b0\\u95fb\\u5b66\\u9662\\u4ecb\\u7ecd\\u3011\\u5bc6\\u82cf\\u91cc\\u7bc7</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u9879\\u76ee\\u7efc\\u8ff0\\uff1a \\u5bc6\\u82cf\\u91cc\\u65b0\\u95fb\\u5b66\\u9662\\u5728\\u6570\\u636e\\u65b0\\u95fb\\u65b9\\u9762\\u4e3b\\u8981\\u6709\\u4ee5\\u4e0b\\u4f18\\u70b9\\uff1a 1\\u3001\\u4e13\\u4e1a\\u9009\\u62e9\\u81ea\\u7531\\uff1a\\u867d\\u7136\\u63d0\\u4ea4\\u5165\\u5b66\\u7533\\u8bf7\\u65f6\\uff0c\\u7533\\u8bf7\\u4eba\\u4e00\\u822c\\u90fd\\u8868\\u8fbe\\u4e86\\u4e13\\u4e1a\\u6216\\u65b9\\u5411\\u7684\\u503e\\u5411\\uff1b\\u4f46\\u662f\\uff0c\\u5728\\u5165\\u5b66\\u65f6\\u4ecd\\u7136\\u53ef\\u4ee5\\u91cd\\u65b0\\u9009\\u62e9\\uff0c\\u5e76\\u4e14\\u4e4b\\u540e\\u6362\\u65b9\\u5411\\u4e5f\\u6bd4\\u8f83\\u5bb9\\u6613\\uff0c\\u7b2c\\u4e8c\\u5b66\\u671f\\u8f6c\\u4e13\\u4e1a\\u7684\\u540c\\u5b66\\u5927\\u6709\\u4eba\\u5728\\u3002\\u5bc6\\u82cf\\u91cc\\u65b0\\u95fb\\u5b66\\u9662\\u63d0\\u4f9b\\u4e86\\u5927\\u91cf\\u7684\\u8bfe\\u7a0b\\uff0c\\u53ea\\u8981\\u5b8c\\u6210\\u4e86\\u5fc5\\u4fee\\u8bfe\\uff0c\\u4e13\\u4e1a\\u65b9\\u5411\\u53ef\\u4ee5\\u81ea\\u5df1\\u8c03\\u914d\\u3002\\u56e0\\u6b64\\u867d\\u7136 [&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\">\\u4e03\\u6708 13, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/yi-du/\" title=\"\\u7531\\u675c\\u6021\\u53d1\\u5e03\" rel=\"author\">\\u675c\\u6021</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/13/disaster_reporting/\">\\u4ece\\u300a\\u7ebd\\u7ea6\\u65f6\\u62a5\\u300b\\u98d3\\u98ce\\u62a5\\u9053\\u770b\\u4f20\\u7edf\\u5a92\\u4f53\\u707e\\u96be\\u62a5\\u9053\\u7684\\u6f14\\u53d8</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u8fd1\\u5e74\\u6765\\u7f8e\\u56fd\\u4e0d\\u65ad\\u906d\\u9047\\u98d3\\u98ce\\u88ad\\u51fb\\uff0c\\u4ece2005\\u5e74\\u7684\\u201c\\u5361\\u7279\\u91cc\\u5a1c\\u201d\\u52302012\\u5e74\\u7684\\u201c\\u6851\\u8fea\\u201d\\uff0c\\u5171\\u5bfc\\u81f4\\u4e86\\u6570\\u5343\\u4eba\\u6b7b\\u4ea1\\u3001\\u6570\\u767e\\u4e07\\u4eba\\u6d41\\u79bb\\u5931\\u6240\\u548c\\u5de8\\u5927\\u7684\\u8d22\\u4ea7\\u635f\\u5931\\u3002\\u7f8e\\u56fd\\u56fd\\u5bb6\\u6c14\\u8c61\\u6570\\u636e\\u4e2d\\u5fc32013\\u5e74\\u7684\\u62a5\\u9053\\u663e\\u793a\\uff0c\\u98ce\\u66b4\\u7c7b\\u707e\\u5bb3\\u662f\\u7f8e\\u56fd\\u5404\\u7c7b\\u81ea\\u7136\\u707e\\u5bb3\\u4e2d\\u6570\\u91cf\\u6700\\u591a\\u3001\\u9020\\u6210\\u635f\\u5931\\u6700\\u4e25\\u91cd\\u7684\\u7c7b\\u522b\\u3002\\u672c\\u6587\\u8bd5\\u56fe\\u901a\\u8fc7\\u300a\\u7ebd\\u7ea6\\u65f6\\u62a5\\u300b\\u5bf9\\u7f8e\\u56fd\\u4e24\\u6b21\\u98d3\\u98ce\\u707e\\u5bb3\\u201d\\u5361\\u7279\\u91cc\\u5a1c\\u201c\\u548c\\u201d\\u6851\\u8fea\\u201c [&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\">\\u4e03\\u6708 7, 2014 </span>\\n                                                          <span>by</span>\\n                                                          <span class=\"author\"><a href=\"http://djchina.org/author/haoyun-su/\" title=\"\\u7531\\u82cf\\u98a2\\u4e91\\u53d1\\u5e03\" rel=\"author\">\\u82cf\\u98a2\\u4e91</a> </span>\\n                                                                                               \\n                                                      </div><!--post-meta-->\\n                                                      \\n                                                      <h2 class=\"title\"><a href=\"http://djchina.org/2014/07/07/eyesasia-font/\">EyesAsia\\u5b57\\u4f53 \\u2014 \\u7528\\u5b57\\u6bcd\\u6765\\u753b\\u4e2d\\u56fd\\u5730\\u56fe</a></h2>\\n                                                      \\n                                                      <div class=\"excerpt\">\\n                                                      \\n                                                          <p>\\u4e24\\u5e74\\u524d\\uff0cProPublica\\u63a8\\u51fa\\u4e86StateFace\\u5b57\\u4f53\\uff0c\\u5176\\u4e2d\\u5305\\u542b\\u4e86\\u7f8e\\u56fd\\u5404\\u5dde\\u5f62\\u72b6\\uff0c\\u65b9\\u4fbf\\u4e86\\u8bbe\\u8ba1\\u5e08\\u4eec\\u628a\\u5730\\u56fe\\u4f5c\\u4e3a\\u8bbe\\u8ba1\\u5143\\u7d20\\u7eb3\\u5165\\u6570\\u636e\\u53ef\\u89c6\\u5316\\u3001\\u4fe1\\u606f\\u56fe\\u3001\\u5e94\\u7528\\u4e2d\\u3002 \\u53d7ProPublica\\u542f\\u53d1\\uff0c\\u6211\\u5728\\u4e1a\\u4f59\\u65f6\\u95f4\\u91c7\\u7528\\u7c7b\\u4f3c\\u7684\\u65b9\\u6cd5\\u8bbe\\u8ba1\\u4e86EyesAsia\\u5b57\\u4f53\\uff0c\\u53ea\\u662f\\u8fd9\\u6b21\\u7684\\u5750\\u6807\\u53d8\\u6210\\u4e86\\u4e1c\\u4e9a\\u3002EyesAsia\\u5305\\u62ec\\u4e86\\u4e1c\\u4e9a\\u7684\\u56fd\\u5bb6\\u548c\\u5730\\u533a\\uff0c\\u5982\\u65e5 [&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                                        \\u5b66\\u4e60                                    </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\">\\u516b\\u6708 28, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/workshop/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a</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/\">\\u4e2d\\u56fd\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a\\u57f9\\u8bad\\u624b\\u518c\\u7b2c\\u4e00\\u7ae0 &#8211; \\u6570\\u636e\\u65b0\\u95fb\\u7b80\\u4ecb</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u524d\\u8a00 \\u6b22\\u8fce\\u4f7f\\u7528\\u4e2d\\u56fd\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a\\u57f9\\u8bad\\u624b\\u518c\\u3002 \\u65b0\\u95fb\\u5de5\\u4f5c\\u8005\\u5728\\u62a5\\u9053\\u4e2d\\u8d8a\\u6765\\u8d8a\\u591a\\u5730\\u4f7f\\u7528\\u516c\\u5171\\u548c\\u79c1\\u6709\\u6570\\u636e\\uff0c\\u6765\\u66dd\\u5149\\u95ee\\u9898\\u3001\\u89e3\\u91ca\\u4e16\\u754c\\uff0c \\u800c\\u968f [&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\">\\u4e03\\u6708 12, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/12/miami-alberto-cairo/\">\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\uff1aAlberto Cairo\\u6559\\u6388\\u7684\\u6570\\u636e\\u65b0\\u95fb</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u4f5c\\u8005 | \\u5218\\u4f73\\u6615\\u3001\\u5434\\u5609\\u5ddd \\u7f8e\\u56fd\\u4e13\\u95e8\\u8bbe\\u7f6e\\u6570\\u636e\\u65b0\\u95fb\\u4e13\\u4e1a\\u7684\\u7f8e\\u56fd\\u5927\\u5b66\\u4e0d\\u591a\\uff0c\\u9664\\u4e86\\u6709\\u4e00\\u5b9a\\u5386\\u53f2\\u7684\\u54e5\\u4f26\\u6bd4\\u4e9a\\u5927\\u5b66\\u3001\\u5bc6\\u82cf\\u91cc\\u5927\\u5b66\\u3001\\u897f\\u5317\\u5927\\u5b66\\u4e4b\\u5916 [&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/\\u6253\\u864e\\u62cd\\u8747\\u8bb0-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\">\\u56db\\u6708 28, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/28/xinhuanet_tips/\">\\u65b0\\u534e\\u7f51\\u7ecf\\u9a8c\\u8c08\\uff1a\\u591a\\u7ef4\\u5ea6\\u89c6\\u89d2\\u4e0b\\u7684\\u6570\\u636e\\u65b0\\u95fb</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u4f5c\\u8005\\uff1a\\u65b0\\u534e\\u7f51\\u6570\\u636e\\u65b0\\u95fb\\u90e8 \\u6587\\u7ae0\\u4ee5\\u201c\\u5b66\\u4ea4\\u4e92\\xa0| \\u591a\\u7ef4\\u5ea6\\u89c6\\u89d2\\u4e0b\\u7684\\u6570\\u636e\\u65b0\\u95fb\\u2014\\u65b0\\u534e\\u7f51\\u6570\\u636e\\u65b0\\u95fb\\u90e8\\u5b9e\\u8df5\\u7ecf\\u9a8c\\u8c08\\u201d\\u4e3a\\u9898\\u53d1\\u5e03\\u4e8e\\u65b0\\u534e\\u7f51\\u6570\\u636e\\u65b0\\u95fb [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"\\u7531\\u5468\\u4f18\\u6e38\\u53d1\\u5e03\" rel=\"author\">\\u5468\\u4f18\\u6e38</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_3/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e09\\u3011SVG, Canvas \\u548c WebGL \\u4e4b\\u6bd4\\u8f83</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis\\xa0\\u4e5f\\u6709\\u591a\\u4e2a\\u6f14\\u8bb2\\u63d0\\u5230\\u6d4f\\u89c8\\u5668\\u53ef\\u89c6\\u5316\\u7684\\u65b0\\u5ba0 WebGL\\u3002\\u867d\\u7136 WebGL \\u5728\\u597d\\u591a\\u5e74\\u524d\\u5c31\\u88ab\\u9ad8\\u5c16\\u7aef\\u7684\\u53ef\\u89c6\\u5316\\u5de5\\u7a0b\\u5e08\\u4eec\\u5e7f [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yue-qiu/\" title=\"\\u7531\\u90b1\\u60a6\\u53d1\\u5e03\" rel=\"author\">\\u90b1\\u60a6</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_2/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e8c\\u3011\\u5982\\u4f55\\u7528\\u53ef\\u89c6\\u5316\\u8bb2\\u4e2a\\u597d\\u6545\\u4e8b\\uff1f</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u672c\\u6587\\u4ecb\\u7ecd OpenVis \\u4e2d\\u7684\\u4e09\\u573a\\u4e3b\\u9898\\u6f14\\u8bb2\\u3002 \\u56fe\\u8868\\u4e0d\\u8be5\\u662f\\u62bd\\u8c61\\u7684\\u3001\\u9694\\u7edd\\u611f\\u60c5\\u7684\\u3002\\u5982\\u4f55\\u8bbe\\u8ba1\\u51fa\\u751f\\u52a8\\u800c\\u6709\\u4fe1\\u606f\\u91cf\\u7684\\u53ef\\u89c6\\u5316\\u662f\\u8bbe\\u8ba1\\u8005\\u3001\\u7279 [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/generative-design/\">\\u6d45\\u8c08\\u751f\\u6210\\u8bbe\\u8ba1 Generative Design</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u4f5c\\u8005\\uff1a\\u4efb\\u8fdc \\u8d22\\u65b0\\u4f20\\u5a92 \\u6570\\u636e\\u53ef\\u89c6\\u5316\\u8bbe\\u8ba1\\u5e08\\u517c\\u5de5\\u7a0b\\u5e08 \\u4eca\\u5929\\u548c\\u5927\\u5bb6\\u5206\\u4eab\\u4e00\\u4e0b\\u81ea\\u5df1\\u7814\\u7a76\\u751f\\u6210\\u8bbe\\u8ba1\\u7684\\u4e00\\u4e9b\\u5fc3\\u5f97\\u3002 1. \\u751f\\u6210\\u8bbe\\u8ba1\\u662f\\u4ec0\\u4e48\\uff1f  [&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\">\\u56db\\u6708 16, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"\\u7531\\u5468\\u4f18\\u6e38\\u53d1\\u5e03\" rel=\"author\">\\u5468\\u4f18\\u6e38</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/16/openvis_1/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e00\\u3011\\u6570\\u636e\\u79d1\\u5b66\\u5bb6\\u548c\\u4ed6\\u4eec\\u7684\\u53ef\\u89c6\\u5316\\u5de5\\u5177</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u672c\\u6587\\u4ecb\\u7ecd OpenVis \\u4e2d\\u7684\\u4e24\\u573a\\u4e3b\\u9898\\u6f14\\u8bb2\\u3002 \\u53ef\\u89c6\\u5316\\u5de5\\u5177\\u7684\\u91cd\\u8981\\u6027\\u4e0d\\u8a00\\u800c\\u55bb\\u3002\\u5bf9\\u4e8e\\u6570\\u636e\\u53ef\\u89c6\\u5316\\u4ece\\u4e1a\\u4eba\\u5458\\u800c\\u8a00\\uff0c\\u6700\\u57fa\\u7840\\u7684\\u662f\\u80fd\\u591f\\u4f7f\\u7528 [&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\">\\u4e09\\u6708 2, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/03/02/data_newsroom_kusa/\">\\u3010\\u6211\\u5728\\u7f8e\\u56fd\\u65b0\\u95fb\\u7f16\\u8f91\\u5ba4\\u3011\\u5c1d\\u8bd5\\u7528\\u6570\\u636e\\u505a\\u5f53\\u5730\\u65b0\\u95fb\\u7684KUSA-TV</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u96b6\\u5c5e\\u4e8eNBC\\u65d7\\u4e0b\\u7684KUSA-TV\\u662f\\u4e39\\u4f5b\\u6700\\u5927\\u7684\\u7535\\u89c6\\u53f0\\uff0c\\u5171\\u6709\\u516d\\u5341\\u591a\\u540d\\u65b0\\u95fb\\u4eba\\u5458\\uff0c\\u8c03\\u67e5\\u65b0\\u95fb\\u90e8\\u6709\\u516d\\u540d\\u6210\\u5458\\u3002\\u6b64\\u90e8\\u95e8\\u4e00\\u76f4\\u4e13\\u6ce8\\u4e8e\\u505a\\u6df1\\u5165\\u6027 [&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                                        \\u52a8\\u6001                                    </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\">\\u4e03\\u6708 1, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"\\u7531\\u5468\\u4f18\\u6e38\\u53d1\\u5e03\" rel=\"author\">\\u5468\\u4f18\\u6e38</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/07/01/srccon15/\">SRCCON\\uff1a\\u5a92\\u4f53\\u6781\\u5ba2\\u7684\\u73a9\\u800d\\u5927\\u4f1a</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u7f8e\\u56fd\\u7684\\u521d\\u590f\\uff0c\\u51c9\\u723d\\u7684\\u53cc\\u5b50\\u57ce\\uff0c\\u5916\\u5f62\\u5947\\u602a\\u5185\\u8bbe\\u9ad8\\u5927\\u4e0a\\u7684\\u6821\\u53cb\\u4e2d\\u5fc3\\u3002 SRCCON\\u662f\\u4e00\\u4e2a\\u4e3b\\u529e\\u65b9\\u7cbe\\u5fc3\\u51c6\\u5907\\uff0c\\u60f3\\u5c3d\\u529e\\u6cd5\\u8ba9\\u6bcf\\u4e2a\\u4e0e\\u4f1a\\u8005\\u90fd\\u9ad8\\u5174\\uff0c [&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\">\\u516d\\u6708 23, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yelin-hong/\" title=\"\\u7531\\u6d2a\\u70e8\\u6797\\u53d1\\u5e03\" rel=\"author\">\\u6d2a\\u70e8\\u6797</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/06/23/2015_dja/\">2015\\u6570\\u636e\\u65b0\\u95fb\\u5956(DJA)\\u83b7\\u5956\\u4f5c\\u54c1\\u4e00\\u89c8</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u7531\\u5168\\u7403\\u7f16\\u8f91\\u7f51\\u7edc\\uff08Global Editor Network\\uff09\\u9881\\u53d1\\u7684\\u6570\\u636e\\u65b0\\u95fb\\u5956\\uff08Data 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\">\\u56db\\u6708 24, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/24/2015nicar_without_coding/\">\\u30102015 NICAR\\u4f1a\\u8bae\\u7cfb\\u5217\\u62a5\\u9053\\u4e4b\\u4e8c\\u3011\\u4e0d\\u5199\\u4ee3\\u7801\\uff0c\\u4e5f\\u80fd\\u6210\\u4e3a\\u8bb0\\u8005\\u6781\\u5ba2</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u4f5c\\u8005\\uff1a\\u6d2a\\u70e8\\u6797\\uff0c\\u6c88\\u6668\\uff0c\\u90b9\\u71d5\\u59ae \\u7eb5\\u89c2\\u8fd9\\u6b21NICAR\\u4f1a\\u8bae\\u7684\\u65e5\\u7a0b\\u8868\\uff0c\\u53d1\\u73b0\\u4ee5\\u201cwithout coding\\u201d\\u4f5c\\u4e3a\\u7ed3\\u5c3e\\u7684\\u6f14\\u8bb2\\u4e0d\\u80dc\\u679a\\u4e3e [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"\\u7531\\u5468\\u4f18\\u6e38\\u53d1\\u5e03\" rel=\"author\">\\u5468\\u4f18\\u6e38</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_3/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e09\\u3011SVG, Canvas \\u548c WebGL \\u4e4b\\u6bd4\\u8f83</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis\\xa0\\u4e5f\\u6709\\u591a\\u4e2a\\u6f14\\u8bb2\\u63d0\\u5230\\u6d4f\\u89c8\\u5668\\u53ef\\u89c6\\u5316\\u7684\\u65b0\\u5ba0 WebGL\\u3002\\u867d\\u7136 WebGL \\u5728\\u597d\\u591a\\u5e74\\u524d\\u5c31\\u88ab\\u9ad8\\u5c16\\u7aef\\u7684\\u53ef\\u89c6\\u5316\\u5de5\\u7a0b\\u5e08\\u4eec\\u5e7f [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/yue-qiu/\" title=\"\\u7531\\u90b1\\u60a6\\u53d1\\u5e03\" rel=\"author\">\\u90b1\\u60a6</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/openvis_2/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e8c\\u3011\\u5982\\u4f55\\u7528\\u53ef\\u89c6\\u5316\\u8bb2\\u4e2a\\u597d\\u6545\\u4e8b\\uff1f</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u672c\\u6587\\u4ecb\\u7ecd OpenVis \\u4e2d\\u7684\\u4e09\\u573a\\u4e3b\\u9898\\u6f14\\u8bb2\\u3002 \\u56fe\\u8868\\u4e0d\\u8be5\\u662f\\u62bd\\u8c61\\u7684\\u3001\\u9694\\u7edd\\u611f\\u60c5\\u7684\\u3002\\u5982\\u4f55\\u8bbe\\u8ba1\\u51fa\\u751f\\u52a8\\u800c\\u6709\\u4fe1\\u606f\\u91cf\\u7684\\u53ef\\u89c6\\u5316\\u662f\\u8bbe\\u8ba1\\u8005\\u3001\\u7279 [&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\">\\u56db\\u6708 18, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/18/generative-design/\">\\u6d45\\u8c08\\u751f\\u6210\\u8bbe\\u8ba1 Generative Design</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u4f5c\\u8005\\uff1a\\u4efb\\u8fdc \\u8d22\\u65b0\\u4f20\\u5a92 \\u6570\\u636e\\u53ef\\u89c6\\u5316\\u8bbe\\u8ba1\\u5e08\\u517c\\u5de5\\u7a0b\\u5e08 \\u4eca\\u5929\\u548c\\u5927\\u5bb6\\u5206\\u4eab\\u4e00\\u4e0b\\u81ea\\u5df1\\u7814\\u7a76\\u751f\\u6210\\u8bbe\\u8ba1\\u7684\\u4e00\\u4e9b\\u5fc3\\u5f97\\u3002 1. \\u751f\\u6210\\u8bbe\\u8ba1\\u662f\\u4ec0\\u4e48\\uff1f  [&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\">\\u56db\\u6708 16, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/youyou-zhou/\" title=\"\\u7531\\u5468\\u4f18\\u6e38\\u53d1\\u5e03\" rel=\"author\">\\u5468\\u4f18\\u6e38</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/16/openvis_1/\">\\u30102015 OpenVis\\u4f1a\\u8bae\\u7cfb\\u5217\\u4e4b\\u4e00\\u3011\\u6570\\u636e\\u79d1\\u5b66\\u5bb6\\u548c\\u4ed6\\u4eec\\u7684\\u53ef\\u89c6\\u5316\\u5de5\\u5177</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>\\u672c\\u6587\\u4ecb\\u7ecd OpenVis \\u4e2d\\u7684\\u4e24\\u573a\\u4e3b\\u9898\\u6f14\\u8bb2\\u3002 \\u53ef\\u89c6\\u5316\\u5de5\\u5177\\u7684\\u91cd\\u8981\\u6027\\u4e0d\\u8a00\\u800c\\u55bb\\u3002\\u5bf9\\u4e8e\\u6570\\u636e\\u53ef\\u89c6\\u5316\\u4ece\\u4e1a\\u4eba\\u5458\\u800c\\u8a00\\uff0c\\u6700\\u57fa\\u7840\\u7684\\u662f\\u80fd\\u591f\\u4f7f\\u7528 [&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\">\\u56db\\u6708 14, 2015 </span>\\n                                                      <span>by</span>\\n                                                      <span class=\"author\"><a href=\"http://djchina.org/author/contributor/\" title=\"\\u7531\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u53d1\\u5e03\" rel=\"author\">\\u6570\\u636e\\u65b0\\u95fb\\u7f51</a> </span>\\n                                                                                           \\n                                                  </div><!--cats-->\\n                                                  \\n                                                  <h2 class=\"title\"><a href=\"http://djchina.org/2015/04/14/openvis_0/\">\\u30102015 OpenVis \\u4f1a\\u8bae\\u7cfb\\u5217\\u5f00\\u7bc7\\u3011OpenVis\\u662f\\u4e2a\\u4ec0\\u4e48\\u4f1a</a></h2>\\n                                                  \\n                                                  <div class=\"excerpt\">\\n                                                  \\n                                                      <p>OpenVis\\u662f\\u4e2a\\u4ec0\\u4e48\\u4f1a\\uff1f \\u4e0b\\u9762\\u8fd9\\u5f20\\u56fe\\uff08\\u6765\\u6e90\\u81eaLena Groeger \\u7684 Twitter \\u622a\\u5c4f\\uff09\\u4ece\\u6570\\u636e\\u65b0\\u95fb\\u7684\\u89d2\\u5ea6\\u56de\\u7b54\\u4e86 [&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\">\\u5de5\\u4f5c\\u4e0e\\u673a\\u4f1a</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/\">\\u6f8e\\u6e43\\u65b0\\u95fb | \\u6587\\u6848\\u5b9e\\u4e60\\u751f\\uff08\\u79cb\\u5b63\\uff09</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/\">\\u534e\\u4e1c\\u8bba\\u9053\\u2014\\u6570\\u636e\\u65b0\\u95fb\\u4e0e\\u53ef\\u89c6\\u5316\\u5e94\\u7528\\u5206\\u4eab\\u4f1a</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/\">\\u7f51\\u6613\\u65b0\\u5a92\\u4f53\\u5b9e\\u9a8c\\u5ba4\\u62db\\u8058\\u6570\\u636e\\u65b0\\u95fb\\u7f16\\u8f91</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/\">\\u8bfe\\u7a0b | \\u8bb0\\u8005\\u4eec\\u6765\\u4e0a\\u6570\\u5b66\\u8bfe\\u4e86</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/\">\\u57f9\\u8bad\\uff1a\\u590d\\u65e6\\u5927\\u5b66\\u6570\\u636e\\u65b0\\u95fb\\u5de5\\u4f5c\\u574a</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\">\\u5173\\u6ce8\\u6211\\uff01</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\\u4e2a\\u8bdd\\u9898\\' 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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 9.5555555555556pt;\\'>DJ\\u534a\\u6708\\u520a</a></li> <li><a href=\\'http://djchina.org/tag/%e4%b8%93%e9%a2%98/\\' class=\\'tag-link-6\\' title=\\'10\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 10.955555555556pt;\\'>\\u4e13\\u9898</a></li> <li><a href=\\'http://djchina.org/tag/%e4%ba%a4%e4%ba%92/\\' class=\\'tag-link-11\\' title=\\'6\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8pt;\\'>\\u4ea4\\u4e92</a></li> <li><a href=\\'http://djchina.org/tag/%e4%bc%9a%e8%ae%ae/\\' class=\\'tag-link-131\\' title=\\'17\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 14.377777777778pt;\\'>\\u4f1a\\u8bae</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 10.333333333333pt;\\'>\\u4fe1\\u606f\\u53ef\\u89c6\\u5316</a></li> <li><a href=\\'http://djchina.org/tag/%e5%8f%af%e8%a7%86%e5%8c%96/\\' class=\\'tag-link-10\\' title=\\'17\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 14.377777777778pt;\\'>\\u53ef\\u89c6\\u5316</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 9.5555555555556pt;\\'>\\u5728\\u7ebf\\u5b66\\u4e60</a></li> <li><a href=\\'http://djchina.org/tag/%e5%9f%b9%e8%ae%ad/\\' class=\\'tag-link-95\\' title=\\'7\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8.7777777777778pt;\\'>\\u57f9\\u8bad</a></li> <li><a href=\\'http://djchina.org/tag/%e5%a5%96%e9%a1%b9/\\' class=\\'tag-link-132\\' title=\\'7\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8.7777777777778pt;\\'>\\u5956\\u9879</a></li> <li><a href=\\'http://djchina.org/tag/%e5%ae%9e%e6%88%98/\\' class=\\'tag-link-128\\' title=\\'15\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 13.444444444444pt;\\'>\\u5b9e\\u6218</a></li> <li><a href=\\'http://djchina.org/tag/%e5%b7%a5%e4%bd%9c/\\' class=\\'tag-link-27\\' title=\\'8\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 9.5555555555556pt;\\'>\\u5de5\\u4f5c</a></li> <li><a href=\\'http://djchina.org/tag/%e5%b7%a5%e5%85%b7/\\' class=\\'tag-link-13\\' title=\\'9\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 10.333333333333pt;\\'>\\u5de5\\u5177</a></li> <li><a href=\\'http://djchina.org/tag/%e6%8b%9b%e8%81%98/\\' class=\\'tag-link-20\\' title=\\'6\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8pt;\\'>\\u62db\\u8058</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 17.333333333333pt;\\'>\\u6570\\u636e\\u53ef\\u89c6\\u5316</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 22pt;\\'>\\u6570\\u636e\\u65b0\\u95fb</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8pt;\\'>\\u65b0\\u95fb\\u5e94\\u7528</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 15.311111111111pt;\\'>\\u6848\\u4f8b\\u5206\\u6790</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\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 10.333333333333pt;\\'>\\u7ebd\\u7ea6\\u65f6\\u62a5</a></li> <li><a href=\\'http://djchina.org/tag/%e8%ae%be%e8%ae%a1/\\' class=\\'tag-link-33\\' title=\\'7\\u4e2a\\u8bdd\\u9898\\' style=\\'font-size: 8.7777777777778pt;\\'>\\u8bbe\\u8ba1</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/\">\\u5173\\u4e8e\\u6211\\u4eec</a></h4>\\t\\t\\t<div class=\"textwidget\"><p>\\u6570\\u636e\\u65b0\\u95fb\\u7f51\\u4ee5\\u5f15\\u4ecb\\u5168\\u7403\\u8303\\u56f4\\u5185\\u6700\\u9876\\u5c16\\u7684\\u6570\\u636e\\u65b0\\u95fb\\u5b9e\\u8df5\\u4e3a\\u521d\\u8877\\uff0c\\u4ee5\\u63a8\\u52a8\\u6570\\u636e\\u5f00\\u653e\\u53ca\\u5a92\\u4f53\\u9769\\u65b0\\u4e3a\\u5b97\\u65e8\\uff0c\\u9762\\u5411\\u4e2d\\u56fd\\u7684\\u65b0\\u95fb\\u4ece\\u4e1a\\u8005\\u3001\\u5a92\\u4f53\\u7ba1\\u7406\\u8005\\u3001\\u65b0\\u4f20\\u6559\\u80b2\\u8005\\u4ee5\\u53ca\\u5bf9\\u4f20\\u5a92\\u611f\\u5174\\u8da3\\u7684\\u8bbe\\u8ba1\\u5e08\\u3001\\u7a0b\\u5e8f\\u5458\\uff0c\\u63d0\\u4f9b\\u7ebf\\u4e0a\\u4fe1\\u606f\\u5e73\\u53f0\\u4e0e\\u7ebf\\u4e0b\\u4ea4\\u6d41\\u673a\\u4f1a\\u3002</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\">\\u7f51\\u7ad9\\u4e8b\\u9879</h4>\\r\\n<ul>\\r\\n\\t<li class=\"cat-item cat-item-9\" ><a href=\"http://djchina.org/\\u514d\\u8d23\\u58f0\\u660e/\" title=\"\\u514d\\u8d23\\u58f0\\u660e\">\\u514d\\u8d23\\u58f0\\u660e</a>\\r\\n</li>\\r\\n\\t<li class=\"cat-item cat-item-8\" style=\"margin-right: 0px;\"><a href=\"http://djchina.org/\\u7248\\u6743\\u58f0\\u660e/\" title=\"\\u7248\\u6743\\u58f0\\u660e\">\\u7248\\u6743\\u58f0\\u660e</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=\"\\u52a0\\u5165\\u6211\\u4eec\">\\u52a0\\u5165\\u6211\\u4eec</a>\\r\\n</li>\\r\\n\\t<li class=\"cat-item cat-item-6\" style=\"margin-right: 0px;\"><a href=\"http://djchina.org/#\" title=\"\\u8d5e\\u52a9\\u6211\\u4eec\">\\u8d5e\\u52a9\\u652f\\u6301</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\">\\u652f\\u6301\\u4f19\\u4f34</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/\">\\u90ae\\u4ef6\\u7ec4\\u8ba2\\u9605</a></h4>\\r\\n<p>\\u60f3\\u4e0e\\u6570\\u636e\\u65b0\\u95fb\\u7231\\u597d\\u8005\\u4e00\\u8d77\\u4ea4\\u6d41\\uff1f\\u52a0\\u5165\\u90ae\\u4ef6\\u8ba8\\u8bba\\u7ec4\\uff01</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();\">\\u8ba2\\u9605</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=\"\\u77e5\\u8bc6\\u5171\\u4eab\\u8bb8\\u53ef\\u534f\\u8bae\" style=\"border-width:0;display:inline;\" src=\"http://i.creativecommons.org/l/by-nc/3.0/80x15.png\" /></a> \\u6570\\u636e\\u65b0\\u95fb\\u7f51 \\u7248\\u6743\\u6240\\u6709 &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/\">\\u9996\\u9875</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/\">\\u52a8\\u6001</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/\">\\u5b66\\u4e60</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/\">\\u8d44\\u6e90</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/\">\\u673a\\u4f1a</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/\">\\u5173\\u4e8e</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": 103,
     "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 2, this shows up as raw Unicode codes\n",
    "\n",
    "result = requests.get(\"http://djchina.org\")\n",
    "result.text"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 104,
   "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": 105,
   "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": 106,
   "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": 106,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# URLs look fine\n",
    "urls[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 107,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[u'\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\uff1aAlberto Cairo\\u6559\\u6388\\u7684\\u6570\\u636e\\u65b0\\u95fb',\n",
       " u'\\u30102015 NICAR\\u4f1a\\u8bae\\u7cfb\\u5217\\u62a5\\u9053\\u4e4b\\u4e8c\\u3011\\u4e0d\\u5199\\u4ee3\\u7801\\uff0c\\u4e5f\\u80fd\\u6210\\u4e3a\\u8bb0\\u8005\\u6781\\u5ba2',\n",
       " u'\\u6570\\u636e\\u65b0\\u95fb\\u5b9e\\u7528\\u6cd5\\u5b9d\\u2014\\u2014\\u5165\\u95e8\\u7bc7',\n",
       " u'2015\\u53ef\\u89c6\\u5316\\u5927\\u4e8b\\u4ef6\\u4e00\\u89c8',\n",
       " u'\\u56de\\u9996PC\\u65f6\\u4ee3\\u7684\\u5bcc\\u5a92\\u4f53\\u4e13\\u9898\\u2014\\u4ee5\\u641c\\u72d0\\u4e3a\\u4f8b']"
      ]
     },
     "execution_count": 107,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Shows up as UTF-8 codes\n",
    "titles[:5]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 108,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "[u'\\u8fc8\\u963f\\u5bc6\\u5927\\u5b66\\uff1aAlberto Cairo\\u6559\\u6388\\u7684\\u6570\\u636e\\u65b0\\u95fb', u'\\u30102015 NICAR\\u4f1a\\u8bae\\u7cfb\\u5217\\u62a5\\u9053\\u4e4b\\u4e8c\\u3011\\u4e0d\\u5199\\u4ee3\\u7801\\uff0c\\u4e5f\\u80fd\\u6210\\u4e3a\\u8bb0\\u8005\\u6781\\u5ba2', u'\\u6570\\u636e\\u65b0\\u95fb\\u5b9e\\u7528\\u6cd5\\u5b9d\\u2014\\u2014\\u5165\\u95e8\\u7bc7', u'2015\\u53ef\\u89c6\\u5316\\u5927\\u4e8b\\u4ef6\\u4e00\\u89c8', u'\\u56de\\u9996PC\\u65f6\\u4ee3\\u7684\\u5bcc\\u5a92\\u4f53\\u4e13\\u9898\\u2014\\u4ee5\\u641c\\u72d0\\u4e3a\\u4f8b']\n"
     ]
    }
   ],
   "source": [
    "# Shows up as UTF-8 codes\n",
    "print(titles[:5])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 109,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "迈阿密大学：Alberto Cairo教授的数据新闻\n",
      "【2015 NICAR会议系列报道之二】不写代码，也能成为记者极客\n",
      "数据新闻实用法宝——入门篇\n",
      "2015可视化大事件一览\n",
      "回首PC时代的富媒体专题—以搜狐为例\n"
     ]
    }
   ],
   "source": [
    "# Shows up as correct characters\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": 110,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"max-height:1000px;max-width:1500px;overflow:auto;\">\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": 110,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pandas as pd\n",
    "\n",
    "# Displays okay in the notebook\n",
    "\n",
    "content = pd.DataFrame({'title': titles, 'url': urls})\n",
    "content.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 111,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "ename": "UnicodeEncodeError",
     "evalue": "'ascii' codec can't encode characters in position 0-5: ordinal not in range(128)",
     "output_type": "error",
     "traceback": [
      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[0;31mUnicodeEncodeError\u001b[0m                        Traceback (most recent call last)",
      "\u001b[0;32m<ipython-input-111-f77756e45277>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m()\u001b[0m\n\u001b[1;32m      1\u001b[0m \u001b[0;31m# Fails to save because it's trying to save as ASCII\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m      2\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m----> 3\u001b[0;31m \u001b[0mcontent\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mto_csv\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m\"pandas-output-python2.csv\"\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m",
      "\u001b[0;32m/Users/soma/anaconda/lib/python2.7/site-packages/pandas/util/decorators.pyc\u001b[0m in \u001b[0;36mwrapper\u001b[0;34m(*args, **kwargs)\u001b[0m\n\u001b[1;32m     86\u001b[0m                 \u001b[0;32melse\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     87\u001b[0m                     \u001b[0mkwargs\u001b[0m\u001b[0;34m[\u001b[0m\u001b[0mnew_arg_name\u001b[0m\u001b[0;34m]\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0mnew_arg_value\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m---> 88\u001b[0;31m             \u001b[0;32mreturn\u001b[0m \u001b[0mfunc\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m*\u001b[0m\u001b[0margs\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0;34m**\u001b[0m\u001b[0mkwargs\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     89\u001b[0m         \u001b[0;32mreturn\u001b[0m \u001b[0mwrapper\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     90\u001b[0m     \u001b[0;32mreturn\u001b[0m \u001b[0m_deprecate_kwarg\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m/Users/soma/anaconda/lib/python2.7/site-packages/pandas/core/frame.pyc\u001b[0m in \u001b[0;36mto_csv\u001b[0;34m(self, path_or_buf, sep, na_rep, float_format, columns, header, index, index_label, mode, encoding, quoting, quotechar, line_terminator, chunksize, tupleize_cols, date_format, doublequote, escapechar, **kwds)\u001b[0m\n\u001b[1;32m   1174\u001b[0m                                      \u001b[0mdoublequote\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0mdoublequote\u001b[0m\u001b[0;34m,\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1175\u001b[0m                                      escapechar=escapechar)\n\u001b[0;32m-> 1176\u001b[0;31m         \u001b[0mformatter\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0msave\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m   1177\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1178\u001b[0m         \u001b[0;32mif\u001b[0m \u001b[0mpath_or_buf\u001b[0m \u001b[0;32mis\u001b[0m \u001b[0mNone\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m/Users/soma/anaconda/lib/python2.7/site-packages/pandas/core/format.pyc\u001b[0m in \u001b[0;36msave\u001b[0;34m(self)\u001b[0m\n\u001b[1;32m   1402\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1403\u001b[0m             \u001b[0;32melse\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m-> 1404\u001b[0;31m                 \u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0m_save\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m   1405\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1406\u001b[0m         \u001b[0;32mfinally\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m/Users/soma/anaconda/lib/python2.7/site-packages/pandas/core/format.pyc\u001b[0m in \u001b[0;36m_save\u001b[0;34m(self)\u001b[0m\n\u001b[1;32m   1502\u001b[0m                 \u001b[0;32mbreak\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1503\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m-> 1504\u001b[0;31m             \u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0m_save_chunk\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mstart_i\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mend_i\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m   1505\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1506\u001b[0m     \u001b[0;32mdef\u001b[0m \u001b[0m_save_chunk\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mself\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mstart_i\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mend_i\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32m/Users/soma/anaconda/lib/python2.7/site-packages/pandas/core/format.pyc\u001b[0m in \u001b[0;36m_save_chunk\u001b[0;34m(self, start_i, end_i)\u001b[0m\n\u001b[1;32m   1524\u001b[0m                                         date_format=self.date_format)\n\u001b[1;32m   1525\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m-> 1526\u001b[0;31m         \u001b[0mlib\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mwrite_csv_rows\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mdata\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mix\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mnlevels\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mcols\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mself\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mwriter\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m   1527\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m   1528\u001b[0m \u001b[0;31m# from collections import namedtuple\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;32mpandas/lib.pyx\u001b[0m in \u001b[0;36mpandas.lib.write_csv_rows (pandas/lib.c:16798)\u001b[0;34m()\u001b[0m\n",
      "\u001b[0;31mUnicodeEncodeError\u001b[0m: 'ascii' codec can't encode characters in position 0-5: ordinal not in range(128)"
     ]
    }
   ],
   "source": [
    "# Fails to save because it's trying to save as ASCII\n",
    "\n",
    "content.to_csv(\"pandas-output-python2.csv\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": [
    "# If you set encoding it works, though\n",
    "\n",
    "content.to_csv(\"pandas-output-python2.csv\", encoding='utf-8')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "# But reads in the UTF-8 CSV without a problem\n",
    "\n",
    "df = pd.read_csv(\"pandas-output-python2.csv\")\n",
    "df.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Enabling Python 3 in IPython Notebooks\n",
    "\n",
    "When you're picking Python 2 when creating a new Notebook, you're picking the **kernel**, the little bundle of Python 2 code. First, let's save a copy of the Python 2 kernel. From Terminal, run:\n",
    "\n",
    "    ipython kernelspec install-self --user\n",
    "\n",
    "Now we need to use anaconda to install a fresh version of Python 3, along with all of the Python 3 versions of the libraries we use. This is called **creating a Python 3 environment**. Our default environment so far has been Python 2. This will take a while.\n",
    "\n",
    "    conda create -n python3 python=3 anaconda\n",
    "    \n",
    "`python3` is the name of the environment (other tutorials might call it `py3k` or `py33` or othe things like this). Now we need to switch to our new environment:\n",
    "\n",
    "    source activate python3\n",
    "  \n",
    "And then save the python3 kernel, just like we did with the other (default, Python 2) one. `kernelspec` saves the current kernel, so we run:\n",
    "\n",
    "    ipython kernelspec install-self --user\n",
    "\n",
    "You might get an error about `$PYTHONPATH`, which might be set to have Python 3 looking for Python 2 libraries (oh no!). If you get this error, just run `unset PYTHONPATH` and then try the kernelspec line again.\n",
    "\n",
    "Now that the kernel is saved, we can exit out of it\n",
    "\n",
    "    source deactivate\n",
    "\n",
    "**Even though we won't be inside the python3 environment, IPython Notebook can still access it**. Start up your IPython Notebook with\n",
    "\n",
    "    ipython notebook\n",
    "\n",
    "And when you go to create a new notebook, you should have `Python 3` as an option. Hooray!"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.10"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}