Tutorials and Walkthroughs

Below are a series of tutorials and walkthroughs. The majority are what I consider walkthroughs. These typically describe a subset of the library, module, etc.,providing a quick reference to how things are done while not trying to replicate the full documentation.

Data Collection

Forager

Forager is a Chrome extension to "hunt" and "gather" data. It allows you to easily create rules to capture relevant data in a web page. On GitHub

Gatherer

Gatherer is a Python project to easily capture relevant data from a web page. The desired data is specified using rule sets that are created using Forager. On GitHub

D3

Introduction to D3

About D3

A brief explanation of what D3 does.

Terminology

Definitions of different words commonly used in D3.

SVG

A quick look at SVGs and some of its elements.

Canvas

A quick look at the HTML canvas element.

Module Walkthroughs

Selections

An overview of selections, which are used by D3 to interact with the DOM.

Scales

How to use D3 scales to map data to elements.

Formatting

Use D3's formatting functions for prettier number to string conversion.

Layouts

D3 uses layouts to modify data so that it can be output using different shapes, such as pie charts and trees.

Interpolators

Interpolators let you determine what value belongs a percentage of the way between two values. The two values can be anything that can be described using numbers like times and colors.

Path

The path module makes drawing paths simple by replicating the canvas's path drawing API.

Geo

The geo module is used for rendering paths to draw maps.

Axes

A chart is difficult to interpret without knowing what the data actually represents. Adding axes to charts helps provide this information.

Tutorials

Data Binding

A tutorial on binding data to DOM elements using D3.

Write Your Own Interpolators

While D3 has a number of built-in interpolators, you can also write your own.

How to Draw Shapes Using Shape Generators

While circles and rects have their own SVG elements, things get more complicated when drawing other shapes. Learn how to use D3 to draw these using its shape generators.

Create Bar Charts Using D3

How to draw bar charts.

Mouse Position Data

Description of how to get data based on coordinates of mouse

React

Introduction

React

The basics of React.

Popular Modules

React Router

How to use routing with a React app.

Redux

How to use redux to manage state in your app.

React Redux

How to integrate redux into a React app.

Redux Middleware

How to write middleware to interact with Redux actions.

React Router Redux

Synchronize URLs controlled by React Router to Redux using React Router Redux.

Animation

Basics

A brief explanation of how to approach animation with React.

React Transition Group

React Transition Group is a convenient way to animate components as they enter and exit.

React Motion

React Motion allows you to animate a component's style.

Django

Django has excellent documentation. The articles below cover some of the basics, but should be considered miniature references more than tutorials.

Basics

How to get a Django project started.

Models

Create models to represent data in your project.

Views

Create views to render your project's responses to requests.

URLs

Match request URLs to your views.

ORM

Get model data from your database.

Forms

Let users submit data with forms.

Users

Using the built-in or custom users for your project.

Templates

Use Django Templates to render the HTML of responses.

Admin

Register your models to be available in the admin site.

Functional Programming

Compose

Chain the execution of functions together using functional composition.