View .block
license: mit
View index.md

The Design Program at USF is hiring a part-time faculty member to teach Visual Communication II in the Spring 2016 semester.

About the Course

In Visual Communication II, students develop fluency in creating images, animations and sounds for the web, understanding web-based languages and code, creating animations, games and/or interactive works. To successfully complete this course, students are expected to demonstrate fluency with the formal (skill-based) and semantic (knowledge-based) strategies that have shaped graphic design practice throughout its Modern and contemporary histories.

On the technical side, this course primarily introduces HTML and CSS, plus image production for the web. The course, however, also addresses design history, theory, and practice, in addition to the technical skills covered.

The course is taught in one of three hybrid classroom/computer labs equipped with current iMacs and industry-standard software, including Adobe Creative Cloud applications and thousands of licens

View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//d3js.org/d3.v3.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,900,700,100italic,300italic,700italic,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="main.css">
<title>Voivodeships of Poland</title>
</head>
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Map of Spain</title>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
body {
margin: 0;
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<title>Parliamentary elections</title>
</head>
<body>
View cropsVertical.csv
year corn soy wheat sorghum
1929 99.13 2.43 67.18 3.52
1930 103.92 3.07 67.56 3.48
1931 109.36 3.84 66.46 4.44
1932 113.02 3.7 66.28 4.4
1933 109.83 3.54 69.01 4.35
1934 100.56 5.76 64.06 2.4
1935 99.97 6.97 69.61 4.6
1936 101.96 6.13 73.97 2.79
1937 97.17 6.33 80.81 4.92
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stacked area chart</title>
<script type="text/javascript" src="//d3js.org/d3.v3.min.js"></script>
<style type="text/css">
body {
background-color: white;
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bar Chart, Framed</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<style type="text/css">
body {
margin: 0;
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bringing home the vegetables</title>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
body {
margin: 0;
View evolution.csv
We can make this file beautiful and searchable if this error is corrected: It looks like row 7 should actually have 25 columns, instead of 4.
Country,annee1990,annee1991,annee1992,annee1993,annee1994,annee1995,annee1996,annee1997,annee1998,annee1999,annee2000,annee2001,annee2002,annee2003,annee2004,annee2005,annee2006,annee2007,annee2008,annee2009,annee2010,annee2011,annee2012,evolution
Australia,24.32,24.1,24.05,23.93,23.7,24.17,24.21,24.61,25.15,25.34,25.57,25.88,25.63,25.45,25.79,25.67,25.6,25.6,25.47,24.85,24.48,24.26,23.97,-1.44
Austria,10.17,10.59,9.62,9.55,9.62,10.03,10.4,10.33,10.24,10.01,10.02,10.48,10.64,11.33,11.21,11.25,10.85,10.48,10.42,9.58,10.11,9.85,9.5,-6.59
Belgium,14.34,14.49,14.31,14.16,14.68,14.83,15.19,14.31,14.82,14.17,14.23,14.11,14.01,14.01,14.05,13.56,13.12,12.56,12.68,11.41,11.96,10.88,10.47,-26.99
Canada,21.34,20.8,21.15,20.99,21.46,21.81,22.33,22.6,22.66,22.9,23.51,23.02,22.95,23.39,23.28,22.82,22.34,22.76,21.94,20.44,20.49,20.33,20.03,-6.14
Czech Republic,18.93,17.67,16.05,15.44,14.46,14.69,15.08,14.73,14.05,13.33,14.25,14.31,14,14.29,14.43,14.26,14.32,14.26,13.63,12.79,13.03,12.89,12.51,-33.91
Denmark,13.62,15.62,14.4