screencasts

This repository contains code that goes along with my screencasts.

Also check out this video course: D3.js in Motion.

D3 101

• 00 - Introduction to Data Visualization (Jan 2016) - screencast code & presentation
• 01 - Parsing Data (March 2015) - screencast - code - An intro to the "Data" part of "Data Driven Documents" (d3.js). Covers parsing CSV (Comma Separated Value) data in JavaScript.
• 02 - Fetching Data with AJAX (March 2015) - screencast - code - Covers fetching a CSV file using AJAX.
• 03 - Bar Chart Rundown (March 2015) - screencast - code - A brief overview of a D3.js Bar Chart Example.
• 04 - Introduction to D3.js (April 2015) - screencast - code & presentation
• 05 - Splitting Charts (part 1) (Oct 2015) - screencast - code & presentation
• 06 - Splitting Charts (part 2) - Getting Circular (Dec 2015) - screencast - code & presentation
• 07 - Splitting Charts (Part 3) - Pie Charts & Friends (Dec 2015) - screencast - code & presentation
• 08 - Splitting Charts (Part 4) - Small Multiples Pies (Dec 2015) - screencast - code & presentation
• 09 - Splitting Charts (Part 5) - Multi-Line Charts (Dec 2015) - screencast - code & presentation
• 09 - Splitting Charts (Part 6) - Stacked Area Charts (Dec 2015) - screencast - code & presentation

Web Technologies

• Introduction to Node.js (May 2016) - screencast - code - A tutorial on NodeJS for folks who have never used it before. Covers background, module system, non-blocking I/O, reading and writing files, simple HTTP server, and NPM basics.
• JavaScript Modules & Build Tools (June 2015) - screencast - code - A brief tour of the ocean of tools around JavaScript Modules. Content at https://github.com/curran/screencasts/tree/gh-pages/jsModulesAndBuildTools Covers Browser Globals, Namespaces, CommonJS, AMD, ES6, Browserify, Webpack, RequireJS, JSPM, Esperanto, Rollup, and Make.
• Navigation for Single Page Applications (October 2014) - screencast - code - This screencast covers how to construct a single page application with a tab-like navigation user interface and routing using only Web Standards (HTML, JavaScript, CSS, The DOM).
• Introduction to Dynamic HTML with JavaScript, CSS and AJAX (September 2014) - screencast - code - An introduction to dynamic HTML using only Web standards (no libraries) to build the essence of a blog. Covers HTML, JavaScript, DOM APIs and CSS including Media Queries.
• Introduction to Angular.js in 50 examples (March 2014) - screencast - code - Introduces Angular.js, covers background of data binding, single-page-apps, and related libraries, then introduces Angular features by example.
• Building a Graphing Calculator (November 2013) - screencast - code - Covers plotting of mathematical functions, linking user interface elements to a model behind the graphics, and using the URL hash fragment (without any single-page-app libraries).
• Mathematical Graphic Patterns (August 2013) - screencast - code - Introduces HTML5 Canvas and animation.
• Introduction to JavaScript Programming (July 2013) - screencast - code - Introduces the syntax and semantics of the JavaScript Language.
• Polygon Editor with HTML5 Canvas, Backbone.js and Require.js (April 2013) - screencast - code - Introduces the Model View Controller concept along with Require.js, Underscore.js, and Backbone.js by building an interactive polygon editor.
• Bouncing Circles (March 2013) - screencast - code - Covers interaction with HTML5 canvas and n-body physics simulation.

Presentations on My Work

• Chiasm (May 2015) - video - slides - A presentation about the Chiasm Open Source Data Visualization project.
• Constructing Interactive Data Visualizations (February 2015) - screencast - code - A talk describing a new data visualization project involving reusable modules, linked visualizations, and "Big Data".
• Visualizing the Universal Data Cube (November 2014) - screencast - code - My doctoral dissertation defense presentation, about visualizing data cubes.
• Reactive Data Visualization with ModelJS (July 2014) - screencast - code - Discusses a new approach to developing generalized reactive data visualizations using D3.js.

All content released under the MIT License. Feel free to use and modify!

Curran Kelleher 2015