Since this post is a snapshot in time. I recommend that you download a copy of the book which is updated frequently to improve and expand the content.
Starting with a simple graph
Cascading Style Sheets (CSS)
|Graph line with stroke-width of 2 pixels|
|Graph line with stroke-width of 20 pixels|
|Graph line with stroke colour changed to red|
|Basic Graph with changed CSS|
Setting up the margins and the graph area.
Getting the Data
Formatting the Date / Time.
|Simple line graph|
|Simple line graph over three days|
|Simple line graph over several years|
Setting Scales Domains and Ranges
|Scaling the data to the graph size|
|Coordinates that the browser expects|
|Coordinates with adjusted ranges|
|Graph using .extent for data values|
|Concentrated data range graph|
|Expanded concentrated data range using .extent|
Adding data to the line function
Adding the SVG element.
|Graph area and margins|
Actually Drawing Something!
Drawing the line
Drawing the Axes
|x axis transformed to the top of the graph|
|x and y axes reversed|
The post above (and heaps of other stuff) is in the book 'D3 Tips and Tricks v4.x' that can be downloaded for free (or donate to encourage further development :-)).