Skip to content

Commit

Permalink
- fix a couple of typos
Browse files Browse the repository at this point in the history
- try to give transform.pl an introduction
- mention the line/stack toggle in prose
  • Loading branch information
Douglas Hunter committed Dec 8, 2011
1 parent 9916b9c commit cf4e3d8
Showing 1 changed file with 13 additions and 11 deletions.
24 changes: 13 additions & 11 deletions tutorial/introduction.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h1>Taking Rickshaw for a Go</h1>
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>
Expand All @@ -39,7 +39,7 @@ <h3>Example 01</h3>
</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,
Expand All @@ -65,14 +65,10 @@ <h2>Let's Try with Real Data</h2>
<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>
Expand Down Expand Up @@ -180,7 +176,7 @@ <h2>What Are We Looking At?</h2>
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>
Expand All @@ -201,6 +197,12 @@ <h2>Unstacking</h2>
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">
Expand Down

0 comments on commit cf4e3d8

Please sign in to comment.