teng2015 / screencasts

Code that goes along with my screencasts.

This repository contains code that goes along with my screencasts.

D3 101

• 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

---

Web Technologies

• 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