<commit_before><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Data Journalism Workshop: Visualising Information</title>

		<meta name="description" content="A workshop for journalists from Belarus organized by Transitions On-line">
		<meta name="author" content="<NAME>">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/simple.css" id="theme">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>Visualising Information</h1>
					<h3>Data Journalism Workshop</h3>
					</br>
					
					<p>
					<a href="http://www.linkedin.com/in/petrkoci"><NAME></a> [<a href="https://twitter.com/tocit">@tocit</a>] </br> <a href="http://www.linkedin.com/pub/marcel-%C5%A1ulek/81/bab/91"><NAME></a> [<a href="https://twitter.com/veproza">@veproza</a>]
					</p>
					<a href="http://ihned.cz/data/"><img src="img/logoihned.png" width="350px" style="border:none;box-shadow:none"<</a>
					<p><a href="http://ihned.cz/data/">http://ihned.cz/data</a></p>
					</br>
					<h4>Prague, February 21 - 13, 2014</h4>
				</section>

				<section>
					<h2>This presentation</h2>
					<h2> <a href="http://ddj.pribehy.cz/prague">http://ddj.pribehy.cz/prague</a></h2>
					</br>
					<h3>Slides from Vilnius</h3>
					<h3> <a href="http://ddj.pribehy.cz/vilnius">http://ddj.pribehy.cz/vilnius</a></h3>
					<p>
						
					</p>

					<aside class="notes">
						I removed the book :)
					</aside>
				</section>

				<!-- Example of nested vertical slides -->
				<section>
					<section>
						<h1>Our plan</h1>
						</br>
						<h2>Friday</h2>
						<ol>
							<li>Why visualise data, brief history of data visualisation</li>
							<li>How we think about visualisation, best and worst practices, learning from mistakes</li>
							<li>Demo: Two examples of our day-to-day news visualisations - How and why did we make these?</li>
						</ol>
						<aside class="notes">
						Not set in stone, let's improvise!
						</aside>

					</section>
					<section>
						<h2>Saturday</h2>
						<ol>
							<li>Hands-on: Free tools for data visualisation: Google Charts, Google Fusion Tables, Datawrapper, infogr.am, Wordle, Timeline.js, Timeline Setter</li>
							<li>“Program or be programmed”: Disadvantages of free tools</li>
							<li>Hands-on: Visualising Data with R and R Studio</li>
							<li>Interactive Data Visualisation for the Web: Technology Fundamentals: HTML, CSS, JavaScript, SVG, D3.js</li>
							<li>Hands-on: Let's make a simple chart with D3.js</li>
						</ol>
					</section>
					<section>
						<h2>Sunday</h2>
						<ol>
							<li>Creating news maps for print and the web</li>
							<li>Hands-on: Free tools for on-line mapping_ Google Fusion Tables, QGIS, Google Geochart API</li>
							<li>Hands-on: Let's make a map with D3.js</li>
							<li>Workshop: Let's visualise together some data that matters to you and your readers!</li>
						</ol>
					</section>
				</section>

				<section>
					<h2>Slides</h2>
					<p>
						Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
					</p>
				</section>

				<section>
					<h2>Point of View</h2>
					<p>
						Press <strong>ESC</strong> to enter the slide overview.<commit_msg>install<commit_after><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Data Journalism Workshop: Visualising Information</title>

		<meta name="description" content="A workshop for journalists from Belarus organized by Transitions On-line">
		<meta name="author" content="<NAME>">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/simple.css" id="theme">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>Visualising Information</h1>
					<h3>Data Journalism Workshop</h3>
					</br>
					
					<p>
					<a href="http://www.linkedin.com/in/petrkoci"><NAME></a> [<a href="https://twitter.com/tocit">@tocit</a>] </br> <a href="http://www.linkedin.com/pub/marcel-%C5%A1ulek/81/bab/91"><NAME></a> [<a href="https://twitter.com/veproza">@veproza</a>]
					</p>
					<a href="http://ihned.cz/data/"><img src="img/logoihned.png" width="350px" style="border:none;box-shadow:none"<</a>
					<p><a href="http://ihned.cz/data/">http://ihned.cz/data</a></p>
					</br>
					<h4>Prague, February 21 - 13, 2014</h4>
				</section>

				<section>
					<h2>This presentation</h2>
					<h2> <a href="http://ddj.pribehy.cz/prague">http://ddj.pribehy.cz/prague</a></h2>
					</br>
					<h3>Slides from Vilnius</h3>
					<h3> <a href="http://ddj.pribehy.cz/vilnius">http://ddj.pribehy.cz/vilnius</a></h3>
					<p>
						
					</p>

					<aside class="notes">
						I removed the book :)
					</aside>
				</section>

				<!-- Example of nested vertical slides -->
				<section>
					<section>
						<h1>Our plan</h1>
						</br>
						<h2>Friday</h2>
						<ol>
							<li>Why visualise data, brief history of data visualisation</li>
							<li>How we think about visualisation, best and worst practices, learning from mistakes</li>
							<li>Demo: Two examples of our day-to-day news visualisations - How and why did we make these?</li>
						</ol>
							<aside class="notes">
							Not set in stone, let's improvise!
							</aside>

					</section>
					<section>
						<h2>Saturday</h2>
						<ol>
							<li>Hands-on: Free tools for data visualisation: Google Charts, Google Fusion Tables, Datawrapper, infogr.am, Wordle, Timeline.js, Timeline Setter</li>
							<li>“Program or be programmed”: Disadvantages of free tools</li>
							<li>Hands-on: Visualising Data with R and R Studio</li>
							<li>Interactive Data Visualisation for the Web: Technology Fundamentals: HTML, CSS, JavaScript, SVG, D3.js</li>
							<li>Hands-on: Let's make a simple chart with D3.js</li>
						</ol>
					</section>
					<section>
						<h2>Sunday</h2>
						<ol>
							<li>Creating news maps for print and the web</li>
							<li>Hands-on: Free tools for on-line mapping_ Google Fusion Tables, QGIS, Google Geochart API</li>
							<li>Hands-on: Let's make a map with D3.js</li>
							<li>Workshop: Let's visualise together some data that matters to you and your readers!</li>
						</ol>
					</section>
					<section>
						<h2>It's not set in stone. Let's improvise and get our hands dirty with data!</h2>
					</section>
				</section>

				<section>
				<section>
				<h2>Our Data Toolbox</h2>
				<h3>Please download and install</h3>
				<ul>
				<li class="fragment"><a href="https://www.google.com/intl/en/chrome/browser/">Google Chrome</a></li>
				<li class="fragment">Plain text editor (eg. <a href="http://www.sublimetext.com/">Sublime Text</a>)</li>
				<li class="fragment"><a href="http://cran.gis-lab.info/">R</a></li>
				<li class="fragment"><a href="http://www.rstudio.com/ide/download/desktop">R Studio</a></li>
					<li class="fragment"><a href="http://www.qgis.org/ru/site/">QGIS</a></li>
					<li class="fragment">If you don't have one, <a href="https://accounts.google.com/SignUp?lp=1&hl=ru">create a free Google account</a></li>
				</ul>
				</section>
				<section>
				<h2>Optional</h2>
				<ul>
				<li class="fragment"><a href="http://propublica.github.io/timeline-setter/">Timeline Setter</a></li>
				<li class="fragment"><a href="http://openrefine.org/">Open Refine</a></li>
				<li class="fragment"><a href="http://tabula.nerdpower.org/">Tabula</a></li>
				</ul>
				</section>

			</section>

				<section>
					<h2>Slides</h2>
					<p>
						Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
					</p>
				</section>

				<section>
					<h2>Point of View</h2>
					<p>
						Press <strong>ESC</strong> to enter the slide overview.
{'fraction_non_alphanumeric': 0.18240320708935542, 'fraction_numerical': 0.01213208144319021, 'mean_word_length': 3.0186519711742266, 'pattern_counts': {'":': 0, '<': 345, '<?xml version=': 0, '>': 341, 'https://': 6, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1290617', 'n_tokens_mistral': 4241, 'n_tokens_neox': 3307, 'n_words': 790}