curran/screencasts curran/screencasts

  • Stars
    star
    2,622
  • Rank 17,461 (Top 0.4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 11 years ago
  • Updated over 2 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
curran/screencasts
github

curran

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Code that goes along with my screencasts.

This repository contains code that goes along with my screencasts.

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

D3 101

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

More Repositories

1

data

A collection of public data sets
HTML
473
star
2

model

A functional reactive model library for interactive data visualization.
JavaScript
316
star
3

dataviz-course-2018

Online course on data visualization analysis, design & construction with D3.js.
HTML
224
star
4

d3-component

A lightweight component abstraction for D3.js.
JavaScript
107
star
5

portfolio

Curran Kelleher's Portfolio
Java
78
star
6

d3-area-label

A library for placing labels in areas.
JavaScript
70
star
7

dataviz-course-archive

Archive of lesson material from an online course at Worcester Polytechnic Institute
HTML
66
star
8

d3-in-motion

Code examples and references for the course "D3.js in Motion"
HTML
38
star
9

HTML5Examples

Examples of HTML5 in action (best results in Chrome)
JavaScript
36
star
10

d3-bundler-ui

A Web application for defining custom d3 builds.
JavaScript
31
star
11

jspm-mocha-example

An example project that uses Mocha and JSPM.
JavaScript
19
star
12

google-diff-match-patch

Automatically exported from code.google.com/p/google-diff-match-patch
Python
17
star
13

data-reduction

A library for reducing the size of data sets for visualization.
JavaScript
13
star
14

phd

Curran Kelleher's Ph. D. work.
TeX
12
star
15

ticks

A utility for choosing nice tick marks or histogram intervals.
JavaScript
11
star
16

model-contrib

Open source visualizations built with ModelJS
JavaScript
10
star
17

nextjs-esm-example

An example that uses ESM with Next.js
JavaScript
10
star
18

dsv-dataset

A metadata specification and parsing library for data sets.
JavaScript
9
star
19

dataviz-project-template

A template project that uses Webpack and D3.
JavaScript
9
star
20

lambda

A Lambda Calculus interpreter
CoffeeScript
7
star
21

visEngine

A server side component for interactive data reduction queries.
JavaScript
7
star
22

mathematorium

A 3D graphing calculator and 3D particle simulator.
Java
6
star
23

d3-format-india

Indian Number System formatter
JavaScript
6
star
24

d3-rosetta

Maximize framework interoperability for interactive graphics
JavaScript
6
star
25

reactivis-old

Reusable Interactive D3 Data Visualizations
JavaScript
6
star
26

canvas-vis

A set of modules useful for information visualization using HTML5 Canvas.
JavaScript
5
star
27

scalatra-spark

A proof of concept integration serving Apache Spark services with Scalatra.
JavaScript
5
star
28

dataviz-project-template-proposal

A template for data visualization project proposals.
5
star
29

udcvis

The Universal Data Cube Visualization System
JavaScript
4
star
30

renderCyliner

A bit of OPENGL C code that renders a cylinder between two points.
C
4
star
31

dashboardScaffold

Plumbing for creating dashboards with D3.js
JavaScript
4
star
32

Fretboard

Fretboard is a Jack midi client which maps keystrokes to midi notes as though the keyboard were a fretted instrument.
4
star
33

old-d3-examples

A large dataset of source files for old D3 examples
JavaScript
3
star
34

stamen-dataviz-workshop

Material for a Data Visualization workshop at Stamen Design.
3
star
35

datacubesinfo

Content posted on datacubes.info. Mostly demos and proofs of concept.
JavaScript
3
star
36

Code-Hub

A database of code snippets with dependency management
JavaScript
3
star
37

LiquidMath

A 3D Graphing Calculator in Clojure using OpenGL
3
star
38

rollup-react-pwa-example

An example project setup with Rollup, server-side React rendering, and code splitting.
JavaScript
3
star
39

backboneComputedProperties

An implementation of computed properties for Backbone.js
JavaScript
3
star
40

unidirectional-data-flow

Unidirectional Data Flow for Vanilla JavaScript
TypeScript
2
star
41

crossCountry

A photo show of my cross country trip.
JavaScript
2
star
42

migrantDeathsVis

JavaScript
2
star
43

reactive-charts

Another charting library
2
star
44

simpleSynth

SimpleSynth is a JACK client which can synthesize and output enveloped sine waves from MIDI input.
C++
2
star
45

PublicDataSets

Scripts for downloading and processing public data sets
Shell
2
star
46

udc

The Universal Data Cube
JavaScript
2
star
47

example-viewer

A presentation tool and programming sandbox for code examples.
JavaScript
2
star
48

jyvis

A Java-based information visualization system with multiple linked views.
Java
2
star
49

graph

A directed graph implementation with depth first search.
JavaScript
2
star
50

udf-scatter-plot

Unidirectional Data Flow Scatter Plot Example
JavaScript
2
star
51

sharedb-snapshot

ShareDB library for fetching historical document snapshots.
JavaScript
2
star
52

streamgraph-explorer

An prototype interactive visualization for exploring flow timeseries data. Try it -->
JavaScript
2
star
53

get-it-right

Materials for the livestream series Get it Right in Black & White
HTML
1
star
54

setupHadoop

Shell scripts and instructions for setting up Hadoop on a cluster.
Shell
1
star
55

quadstream

Quadstream is a Java library for polygon simplification.
JavaScript
1
star
56

curran.github.io

Curran's Web Site
JavaScript
1
star
57

dashboardScaffoldExample

An example application using the dashboardScaffold framework.
JavaScript
1
star
58

world-alliances

A dataset about world alliances
1
star
59

evalIDE

A simple live coding environment for the Web.
CSS
1
star
60

IWSCourseProject

A group project for the course "Internet and Web Systems" at University of Massachusetts Lowell Fall 2011
JavaScript
1
star
61

JSProjectTemplate

Boilerplate structure for starting a JavaScript project.
JavaScript
1
star
62

gash

Graphical ASH - this code is a first attempt to create a graphics library for ASH.
Java
1
star
63

igf

Interactive Graphics Framework (IGF) is a minimal immediate mode graphics API that supports both Java 2D and OpenGL, inspired by Processing (processing.org).
Java
1
star
64

Dynamic-Graphics

A C# framework for interactive dynamic graphics
1
star
65

liquidglobe

A series of small HTML5 prototypes for smooth panning and zooming.
JavaScript
1
star
66

PDJava

A collection of noise-making prototypes linking Java to PureData over a socket, using Processing as a graphics and network library.
Pure Data
1
star
67

TickMarkUtils

A simple algorithm for computing the values to use for tick marks such that nice numbers are displayed (intervals of {1 or 2 or 5}X10^n)
Java
1
star
68

images

A place to store images referenced by other repos.
1
star
69

hot-server-rollup-poc

Proof of concept for hot reloading with ES module support.
HTML
1
star
70

forceDirected

A simple prototype of force directed graph layout using Canvas & CoffeeScript
JavaScript
1
star
71

vis2013Tutorial

Material I presented at IEEE Vis 2013 in a tutorial called "Mobile and cloud Web-based graphics and visualization".
JavaScript
1
star
72

rollup-swc-crash-reproduction

Minimal reproduction for Rollup #5379
JavaScript
1
star