Skip to content
This repository
Browse code

- fix a couple of typos

- try to give transform.pl an introduction
- mention the line/stack toggle in prose
  • Loading branch information...
commit cf4e3d85f71d781495ab794d6cf86b5be7eb051b 1 parent 9916b9c
authored

Showing 1 changed file with 13 additions and 11 deletions. Show diff stats Hide diff stats

  1. 24  tutorial/introduction.html
24  tutorial/introduction.html
@@ -22,7 +22,7 @@
22 22
 Rickshaw builds on top of D3 technically, and spiritually too.
23 23
 Rickshaw makes every effort to provide help for common problems
24 24
 without obscuring anything underneath it.  If you need to reach down
25  
-to D3 or the svg layers below, go right ahead -- it's all there waiting.
  25
+to D3 or the SVG layers below, go right ahead -- it's all there waiting.
26 26
 </p>
27 27
 
28 28
 <p>
@@ -39,7 +39,7 @@
39 39
 </section>
40 40
 
41 41
 <p>
42  
-Breaking that down, first we pull in our dependancies and create
  42
+Breaking that down, first we pull in our dependencies and create
43 43
 a div to hold our chart.  Then in our <code>script</code> we
44 44
 call <code>Rickshaw.Graph</code>'s constructor, and pass along an
45 45
 element reference to our chart container, some layout instructions,
@@ -65,14 +65,10 @@
65 65
 <p>
66 66
 We'll begin by drawing a line representing the United States
67 67
 population with a point for each decade from 1910 to 2010.  We'll use
68  
-a short program to massage the CSV data at the census.gov URL into a
69  
-JavaScript data structure that <code>Rickshaw.Graph</code>'s constructor can take
70  
-as its <code>data</code> argument.
71  
-</p>
72  
-
73  
-<p>
74  
-Piping that CSV data through <a href="transform.pl">transform.pl</a> gives 
75  
-us JSON data that we can take and feed into our graph below.
  68
+a short <a href="transform.pl">script</a> we've written to massage the
  69
+CSV data at the census.gov URL into a JavaScript data structure
  70
+that <code>Rickshaw.Graph</code>'s constructor can take as
  71
+its <code>data</code> argument.
76 72
 </p>
77 73
 
78 74
 <br>
@@ -180,7 +176,7 @@
180 176
 We need a legend!  Following a familiar pattern, we add a container
181 177
 div for the legend and style it.  Then we call the constructor for the
182 178
 <code>Rickshaw.Graph.Legend</code> plugin, which takes a reference to
183  
-our newly added dom element, and a reference to the graph.
  179
+our newly added DOM element, and a reference to the graph.
184 180
 </p>
185 181
 
186 182
 <br>
@@ -201,6 +197,12 @@
201 197
 patterns line up against each other.  We set the renderer in a
202 198
 callback, and then ask the graph to update.
203 199
 </p>
  200
+<p>
  201
+In addition to setting the default renderer for the graph, we've added
  202
+a little JavaScript to observe clicks between our stack/line toggle
  203
+whose job is to update the type of renderer we're using and render the
  204
+graph appropriately.
  205
+</p>
204 206
 
205 207
 <br>
206 208
 <section class="example" id="example_07">

0 notes on commit cf4e3d8

Please sign in to comment.
Something went wrong with that request. Please try again.