Browse files

- fix a couple of typos

- try to give transform.pl an introduction
- mention the line/stack toggle in prose
  • Loading branch information...
1 parent 9916b9c commit cf4e3d85f71d781495ab794d6cf86b5be7eb051b Douglas Hunter committed Dec 8, 2011
Showing with 13 additions and 11 deletions.
  1. +13 −11 tutorial/introduction.html
View
24 tutorial/introduction.html
@@ -22,7 +22,7 @@
Rickshaw builds on top of D3 technically, and spiritually too.
Rickshaw makes every effort to provide help for common problems
without obscuring anything underneath it. If you need to reach down
-to D3 or the svg layers below, go right ahead -- it's all there waiting.
+to D3 or the SVG layers below, go right ahead -- it's all there waiting.
</p>
<p>
@@ -39,7 +39,7 @@
</section>
<p>
-Breaking that down, first we pull in our dependancies and create
+Breaking that down, first we pull in our dependencies and create
a div to hold our chart. Then in our <code>script</code> we
call <code>Rickshaw.Graph</code>'s constructor, and pass along an
element reference to our chart container, some layout instructions,
@@ -65,14 +65,10 @@
<p>
We'll begin by drawing a line representing the United States
population with a point for each decade from 1910 to 2010. We'll use
-a short program to massage the CSV data at the census.gov URL into a
-JavaScript data structure that <code>Rickshaw.Graph</code>'s constructor can take
-as its <code>data</code> argument.
-</p>
-
-<p>
-Piping that CSV data through <a href="transform.pl">transform.pl</a> gives
-us JSON data that we can take and feed into our graph below.
+a short <a href="transform.pl">script</a> we've written to massage the
+CSV data at the census.gov URL into a JavaScript data structure
+that <code>Rickshaw.Graph</code>'s constructor can take as
+its <code>data</code> argument.
</p>
<br>
@@ -180,7 +176,7 @@
We need a legend! Following a familiar pattern, we add a container
div for the legend and style it. Then we call the constructor for the
<code>Rickshaw.Graph.Legend</code> plugin, which takes a reference to
-our newly added dom element, and a reference to the graph.
+our newly added DOM element, and a reference to the graph.
</p>
<br>
@@ -201,6 +197,12 @@
patterns line up against each other. We set the renderer in a
callback, and then ask the graph to update.
</p>
+<p>
+In addition to setting the default renderer for the graph, we've added
+a little JavaScript to observe clicks between our stack/line toggle
+whose job is to update the type of renderer we're using and render the
+graph appropriately.
+</p>
<br>
<section class="example" id="example_07">

0 comments on commit cf4e3d8

Please sign in to comment.