Scott Murray scotthmurray

## README.md

      
              3 files
            
          
              1 fork
            
          
              0 comments
            
          
              2 stars
            
          
                scotthmurray
                / README.md
            
            
              Last active
              February 1, 2022 22:32
            
              
                Fade to Front
              
          
    Click each shape above to move it to the front.
SVG doesn’t include a concept of z-index, layering, or depth, except that elements that exist later in an SVG document are drawn “on top”.  But when designing interactive pieces, we often want shapes that the user has selected / clicked / interacted with to be moved “on top,” to prevent occlusion and ensure visibility.
It’s easy to take an element and simply move it to the bottom of its parent container:
var moveToFront = function() { 
	this.parentNode.appendChild(this); 
}


## DataJournalismJobs.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              8 stars
            
          
                scotthmurray
                / DataJournalismJobs.md
            
            
              Last active
              July 13, 2019 18:19
            
              
                Ideas for where to post and publicize open data journalism positions
              
          
    Where to Post your Data Journalism Jobs

Update: This has moved. An updated and maintained version is here: http://alignedleft.com/resources/data-vis-jobs
I posed this question on Twitter:

If you wanted to hire a “data journalist” to support an existing reporting team with data parsing + vis, how would you find that person?

I've documented the responses here.  Basically, there seems to be only one job site specifically for data journalists (so far!), and several others, depending on which audience you want to reach (e.g., more focused on development, data vis, or journalism).

  
## .block
license: mit

## index.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                scotthmurray
                / index.md
            
            
              Created
              December 28, 2015 19:03
            
              
                VC2 Spring 2016 Job Posting
              
          
    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

  
## links.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                scotthmurray
                / links.md
            
            
              Last active
              December 15, 2015 05:09
                — forked from anonymous/links.md
            
          
    Links and Resources

Cited during “The Value of Process” webcast on March 20, 2013.
Links

Examples of my work

http://alignedleft.com/work/

  
## 10PRINT.js
var numTimes = 100;

var r = "";

var c = function() {
  var rand = Math.random(0, 1);
  if (rand < 0.5) {
    return "/";
  } else {
    return "\\";

## 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>

## 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;

## 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>

## 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
	var numTimes = 100;

	var r = "";

	var c = function() {
	var rand = Math.random(0, 1);
	if (rand < 0.5) {
	return "/";
	} else {
	return "\\";
	<!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>
	<!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;
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