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.
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
Introduction to D3
A brief explanation of what D3 does.
Definitions of different words commonly used in D3.
A quick look at SVGs and some of its elements.
A quick look at the HTML canvas element.
An overview of selections, which are used by D3 to interact with the DOM.
How to use D3 scales to map data to elements.
Use D3's formatting functions for prettier number to string conversion.
D3 uses layouts to modify data so that it can be output using different shapes, such as pie charts and trees.
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.
The path module makes drawing paths simple by replicating the canvas's path drawing API.
The geo module is used for rendering paths to draw maps.
A chart is difficult to interpret without knowing what the data actually represents. Adding axes to charts helps provide this information.
A tutorial on binding data to DOM elements using D3.
While D3 has a number of built-in interpolators, you can also write your own.
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.
How to draw bar charts.
Description of how to get data based on coordinates of mouse
The basics of React.
How to use routing with a React app.
How to use redux to manage state in your app.
How to integrate redux into a React app.
How to write middleware to interact with Redux actions.
Synchronize URLs controlled by React Router to Redux using React Router Redux.
Django has excellent documentation. The articles below cover some of the basics, but should be considered miniature references more than tutorials.
How to get a Django project started.
Create models to represent data in your project.
Create views to render your project's responses to requests.
Match request URLs to your views.
Get model data from your database.
Let users submit data with forms.
Using the built-in or custom users for your project.
Use Django Templates to render the HTML of responses.
Register your models to be available in the admin site.
Chain the execution of functions together using functional composition.